<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="profile" href="//gmpg.org/xfn/11">
    <title>Shop Filter Right Side Bar &#8211; Shade Builders</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Shade Builders &raquo; Feed" href="https://shadebuilders.in/feed/" />
<link rel="alternate" type="application/rss+xml" title="Shade Builders &raquo; Comments Feed" href="https://shadebuilders.in/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://shadebuilders.in/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshadebuilders.in%2Fshop-filter-right-side-bar%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://shadebuilders.in/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshadebuilders.in%2Fshop-filter-right-side-bar%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='pxl-main-css-css' href='https://shadebuilders.in/wp-content/plugins/bravis-addons/assets/css/main.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='font-awesome-pro-css' href='https://shadebuilders.in/wp-content/plugins/bravis-addons/assets/libs/font-awesome-pro/css/all.min.css?ver=5.15.4-pro' media='all' />
<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;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</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}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</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,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }: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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
:root :where(.wp-block-icon svg){width: 24px;}
: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-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-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;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://shadebuilders.in/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' media='all' />
<link rel='stylesheet' id='sr7css-css' href='//shadebuilders.in/wp-content/plugins/revslider/public/css/sr7.css?ver=6.7.23' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://shadebuilders.in/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.45.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://shadebuilders.in/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1779323969' media='all' />
<style id="elementor-frontend-inline-css">
.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#A6A182;--e-global-color-text:#54595F;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:991px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:575px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
.elementor-3657 .elementor-element.elementor-element-6c5d405 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-grid-pagination, .elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-load-more{justify-content:center;}.elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-pagination-links, .elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-load-more{margin:56px -4px 0px -4px;}.elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-grid-inner{margin-top:-15px;margin-right:-15px;margin-bottom:-15px;margin-left:-15px;}.elementor-3657 .elementor-element.elementor-element-b7ed43a .pxl-grid-inner .pxl-grid-item{padding:15px 15px 15px 15px;margin-bottom:8px;}
.elementor-bc-flex-widget .elementor-133 .elementor-element.elementor-element-ccc95e8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-133 .elementor-element.elementor-element-ccc95e8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-ccc95e8.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-133 .elementor-element.elementor-element-ccc95e8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-ccc95e8{z-index:2;}.elementor-133 .elementor-element.elementor-element-6905963 .pxl-logo img{max-height:87px;}.elementor-bc-flex-widget .elementor-133 .elementor-element.elementor-element-0c78f23.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-133 .elementor-element.elementor-element-0c78f23.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-0c78f23.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-133 .elementor-element.elementor-element-0c78f23 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-0c78f23{z-index:2;}.elementor-133 .elementor-element.elementor-element-b177342 .pxl-nav-menu .pxl-menu-primary > li > a{letter-spacing:1.2px;}.elementor-133 .elementor-element.elementor-element-b177342 .pxl-menu-primary .sub-menu li + li{margin-top:0px;}.elementor-bc-flex-widget .elementor-133 .elementor-element.elementor-element-d8f18ef.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-133 .elementor-element.elementor-element-d8f18ef.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-d8f18ef.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-133 .elementor-element.elementor-element-d8f18ef > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-d8f18ef{z-index:2;}.elementor-133 .elementor-element.elementor-element-8ea36b8{width:auto;max-width:auto;}.elementor-133 .elementor-element.elementor-element-8ea36b8 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-133 .elementor-element.elementor-element-a786e52{width:auto;max-width:auto;}.elementor-133 .elementor-element.elementor-element-a786e52 > .elementor-widget-container{padding:0px 3px 0px 0px;}@media(min-width:576px){.elementor-133 .elementor-element.elementor-element-ccc95e8{width:22.3%;}.elementor-133 .elementor-element.elementor-element-0c78f23{width:54%;}.elementor-133 .elementor-element.elementor-element-d8f18ef{width:23.032%;}}
.elementor-230 .elementor-element.elementor-element-aff2af6 .pxl-grid-lines span{background-color:#191919;}.dark-mode .elementor-230 .elementor-element.elementor-element-aff2af6 .pxl-grid-lines span{background-color:#191919;}.elementor-230 .elementor-element.elementor-element-aff2af6{margin-top:0px;margin-bottom:135px;}.elementor-230 .elementor-element.elementor-element-34eccc7 > .elementor-element-populated{padding:0% 7.2% 0% 7.2%;}.elementor-230 .elementor-element.elementor-element-514d874:not(.elementor-motion-effects-element-type-background), .elementor-230 .elementor-element.elementor-element-514d874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-230 .elementor-element.elementor-element-514d874{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:160px 0px 110px 0px;}.elementor-230 .elementor-element.elementor-element-514d874 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-230 .elementor-element.elementor-element-6a50ea1 > .elementor-element-populated{padding:0px 0px 0px 5px;}.elementor-230 .elementor-element.elementor-element-6a50ea1{z-index:2;}.elementor-230 .elementor-element.elementor-element-1901884 .pxl-text-editor .pxl-item--inner{color:#2E2E2E;font-size:110px;font-weight:700;line-height:1px;}.dark-mode .elementor-230 .elementor-element.elementor-element-1901884 .pxl-text-editor .pxl-item--inner{color:#2E2E2E;}.elementor-bc-flex-widget .elementor-230 .elementor-element.elementor-element-1d4afcd.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-1d4afcd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-1d4afcd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-1d4afcd{z-index:2;}.elementor-230 .elementor-element.elementor-element-18fc183 > .elementor-widget-container{padding:0px 0px 34px 0px;}.dark-mode .elementor-230 .elementor-element.elementor-element-18fc183 .pxl-contact-info .pxl-item--description a:hover{color:#A6A182;text-decoration:underline #A6A182;}.elementor-230 .elementor-element.elementor-element-4ddf229 > .elementor-widget-container{padding:0px 0px 34px 0px;}.dark-mode .elementor-230 .elementor-element.elementor-element-4ddf229 .pxl-contact-info .pxl-item--description a:hover{color:#A6A182;text-decoration:underline #A6A182;}.elementor-230 .elementor-element.elementor-element-1479948 > .elementor-widget-container{padding:0px 0px 34px 0px;}.dark-mode .elementor-230 .elementor-element.elementor-element-1479948 .pxl-contact-info .pxl-item--description a:hover{color:#A6A182;text-decoration:underline #A6A182;}.elementor-bc-flex-widget .elementor-230 .elementor-element.elementor-element-fe1f983.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-fe1f983.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-fe1f983 > .elementor-element-populated{padding:0px 0px 5px 0px;}.elementor-230 .elementor-element.elementor-element-fe1f983{z-index:2;}.elementor-230 .elementor-element.elementor-element-9765f33 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-230 .elementor-element.elementor-element-9765f33 .pxl-logo img{max-height:41px;}.elementor-230 .elementor-element.elementor-element-0922d4c > .elementor-widget-container{padding:0px 0px 2px 0px;}.elementor-230 .elementor-element.elementor-element-d113789 .pxl-text-editor .pxl-item--inner{color:#B2B2B2;font-size:12px;}.dark-mode .elementor-230 .elementor-element.elementor-element-d113789 .pxl-text-editor .pxl-item--inner{color:#B2B2B2;}@media(max-width:1199px){.elementor-230 .elementor-element.elementor-element-aff2af6{margin-top:0px;margin-bottom:100px;}.elementor-bc-flex-widget .elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-230 .elementor-element.elementor-element-6a50ea1 > .elementor-element-populated{margin:0% 0% 0% -30%;--e-column-margin-right:0%;--e-column-margin-left:-30%;padding:0% 0% 0% 0%;}.elementor-230 .elementor-element.elementor-element-fe1f983 > .elementor-element-populated{padding:0px 10px 5px 0px;}}@media(max-width:991px){.elementor-230 .elementor-element.elementor-element-34eccc7 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-bc-flex-widget .elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-6a50ea1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-230 .elementor-element.elementor-element-6a50ea1 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 0% 0% 10%;}.elementor-230 .elementor-element.elementor-element-1901884 > .elementor-widget-container{margin:0% 0% 0% -40%;padding:0px 0px 150px 0px;}.elementor-230 .elementor-element.elementor-element-1901884 .pxl-text-editor .pxl-item--inner{font-size:90px;}.elementor-230 .elementor-element.elementor-element-fe1f983 > .elementor-element-populated{padding:0% 10% 0% 0%;}.elementor-230 .elementor-element.elementor-element-d113789 > .elementor-widget-container{padding:0px 0px 5px 0px;}}@media(max-width:767px){.elementor-230 .elementor-element.elementor-element-514d874{padding:130px 0px 90px 0px;}.elementor-230 .elementor-element.elementor-element-6a50ea1 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-230 .elementor-element.elementor-element-1901884 > .elementor-widget-container{margin:0% 0% 0% -1%;padding:0px 0px 40px 0px;}.elementor-230 .elementor-element.elementor-element-1901884 .pxl-text-editor .pxl-item--inner{font-size:80px;}.elementor-230 .elementor-element.elementor-element-1d4afcd > .elementor-element-populated{padding:30px 15px 40px 15px;}.elementor-230 .elementor-element.elementor-element-18fc183 > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-230 .elementor-element.elementor-element-4ddf229 > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-230 .elementor-element.elementor-element-1479948 > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-230 .elementor-element.elementor-element-fe1f983 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-230 .elementor-element.elementor-element-9765f33 > .elementor-widget-container{padding:0px 0px 20px 0px;}}@media(max-width:575px){.elementor-230 .elementor-element.elementor-element-514d874{padding:120px 0px 90px 0px;}.elementor-230 .elementor-element.elementor-element-1901884 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-230 .elementor-element.elementor-element-1901884 .pxl-text-editor .pxl-item--inner{font-size:60px;}}@media(min-width:576px){.elementor-230 .elementor-element.elementor-element-6a50ea1{width:33.4%;}.elementor-230 .elementor-element.elementor-element-1d4afcd{width:42.932%;}.elementor-230 .elementor-element.elementor-element-fe1f983{width:23.333%;}}@media(max-width:991px) and (min-width:576px){.elementor-230 .elementor-element.elementor-element-34eccc7{width:100%;}.elementor-230 .elementor-element.elementor-element-6a50ea1{width:35%;}.elementor-230 .elementor-element.elementor-element-1d4afcd{width:35%;}.elementor-230 .elementor-element.elementor-element-fe1f983{width:30%;}}@media(max-width:767px) and (min-width:576px){.elementor-230 .elementor-element.elementor-element-6a50ea1{width:100%;}.elementor-230 .elementor-element.elementor-element-1d4afcd{width:100%;}.elementor-230 .elementor-element.elementor-element-fe1f983{width:100%;}}
.elementor-36 .elementor-element.elementor-element-65678e2:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-65678e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#262626;background-image:url("https://shadebuilders.in/wp-content/uploads/2023/03/page-title-bg-01.jpg");background-position:0% 245%;background-size:cover;}.elementor-36 .elementor-element.elementor-element-65678e2 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-36 .elementor-element.elementor-element-65678e2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 15px 60px 15px;}.elementor-bc-flex-widget .elementor-36 .elementor-element.elementor-element-8037484.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-36 .elementor-element.elementor-element-8037484.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-36 .elementor-element.elementor-element-8037484.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-36 .elementor-element.elementor-element-8037484 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-459df81{width:auto;max-width:auto;}.elementor-36 .elementor-element.elementor-element-459df81 .pxl-heading .pxl-item--title{color:#FFFFFF;font-weight:500;margin:0px 15px 8px 0px;}.dark-mode .elementor-36 .elementor-element.elementor-element-459df81 .pxl-heading .pxl-item--title{color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-18d018e{width:auto;max-width:auto;}@media(min-width:1601px){.elementor-36 .elementor-element.elementor-element-65678e2:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-65678e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1600px){.elementor-36 .elementor-element.elementor-element-65678e2:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-65678e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}}
/*# sourceURL=elementor-frontend-inline-css */
</style>
<link rel='stylesheet' id='jquery-ui-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/jquery-ui.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='magnific-popup-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/libs/magnific-popup.css?ver=1.1.0' media='all' />
<link rel='stylesheet' id='wow-animate-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/libs/animate.min.css?ver=1.1.0' media='all' />
<link rel='stylesheet' id='custom-scrollbars-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/libs/overlayscrollbars.css?ver=1.1.0' media='all' />
<link rel='stylesheet' id='bootstrap-icons-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/fonts/bootstrap-icons/css/bootstrap-icons.css?ver=7.0' media='all' />
<link rel='stylesheet' id='pxl-caseicon-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/caseicon.css?ver=1.0.5' media='all' />
<link rel='stylesheet' id='pxl-grid-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/grid.css?ver=1.0.5' media='all' />
<link rel='stylesheet' id='pxl-style-css' href='https://shadebuilders.in/wp-content/themes/mrittik/assets/css/style.css?ver=1.0.5' media='all' />
<style id="pxl-style-inline-css">
:root{--primary-color: #000000;--secondary-color: #A6A182;--third-color: #54595F;--fourth-color: #FFFFFF;--fifth-color: #999999;--sixth-color: #1B1B1B;--bglight-color: #FFFFFF;--bgdark-color: #1B1B1B;--gridlight-color: #E6E6E6;--griddark-color: #2e2e2e;--primary-color-rgb: 0,0,0;--secondary-color-rgb: 166,161,130;--third-color-rgb: 84,89,95;--fourth-color-rgb: 255,255,255;--fifth-color-rgb: 153,153,153;--sixth-color-rgb: 27,27,27;--bglight-color-rgb: 255,255,255;--bgdark-color-rgb: 27,27,27;--gridlight-color-rgb: 230,230,230;--griddark-color-rgb: 46,46,46;--link-color: #999999;--link-color-hover: #A6A182;--link-color-active: #A6A182;--gradient-color-from: #999999;--gradient-color-to: #A6A182;}
/*# sourceURL=pxl-style-inline-css */
</style>
<link rel='stylesheet' id='pxl-base-css' href='https://shadebuilders.in/wp-content/themes/mrittik/style.css?ver=1.0.5' media='all' />
<link rel='stylesheet' id='pxl-google-fonts-css' href='//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&#038;family=Oranienbaum:ital,wght@0,400;1,400&#038;family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&#038;subset=latin%2Clatin-ext' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://shadebuilders.in/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1748671584' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://shadebuilders.in/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1748671592' media='all' />
<script id="jquery-core-js" src="https://shadebuilders.in/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://shadebuilders.in/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="waypoints-js" src="https://shadebuilders.in/wp-content/plugins/bravis-addons/assets/js/libs/waypoints.min.js?ver=2.0.5"></script>
<script async data-wp-strategy="async" id="tp-tools-js" src="//shadebuilders.in/wp-content/plugins/revslider/public/js/libs/tptools.js?ver=6.7.23"></script>
<script async data-wp-strategy="async" id="sr7-js" src="//shadebuilders.in/wp-content/plugins/revslider/public/js/sr7.js?ver=6.7.23"></script>
<script id="isotope-js" src="https://shadebuilders.in/wp-content/plugins/bravis-addons/assets/js/libs/isotope.pkgd.min.js?ver=3.0.6"></script>
<link rel="https://api.w.org/" href="https://shadebuilders.in/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://shadebuilders.in/wp-json/wp/v2/pages/3657" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://shadebuilders.in/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel="canonical" href="https://shadebuilders.in/shop-filter-right-side-bar/" />
<link rel='shortlink' href='https://shadebuilders.in/?p=3657' />
<meta name="generator" content="Redux 4.5.9" /><link rel="icon" type="image/png" href="https://shadebuilders.in/wp-content/uploads/2023/03/favicon.png"/><meta name="generator" content="Elementor 3.34.0; features: additional_custom_breakpoints; settings: css_print_method-internal, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<meta name="generator" content="Powered by Slider Revolution 6.7.23 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<script>
	window._tpt			??= {};
	window.SR7			??= {};
	_tpt.R				??= {};
	_tpt.R.fonts		??= {};
	_tpt.R.fonts.customFonts??= {};
	SR7.devMode			=  false;
	SR7.F 				??= {};
	SR7.G				??= {};
	SR7.LIB				??= {};
	SR7.E				??= {};
	SR7.E.gAddons		??= {};
	SR7.E.php 			??= {};
	SR7.E.nonce			= 'c99f6b85e2';
	SR7.E.ajaxurl		= 'https://shadebuilders.in/wp-admin/admin-ajax.php';
	SR7.E.resturl		= 'https://shadebuilders.in/wp-json/';
	SR7.E.slug_path		= 'revslider/revslider.php';
	SR7.E.slug			= 'revslider';
	SR7.E.plugin_url	= 'https://shadebuilders.in/wp-content/plugins/revslider/';
	SR7.E.wp_plugin_url = 'https://shadebuilders.in/wp-content/plugins/';
	SR7.E.revision		= '6.7.23';
	SR7.E.fontBaseUrl	= '';
	SR7.G.breakPoints 	= [1240,1024,778,480];
	SR7.E.modules 		= ['module','page','slide','layer','draw','animate','srtools','canvas','defaults','carousel','navigation','media','modifiers','migration'];
	SR7.E.libs 			= ['WEBGL'];
	SR7.E.css 			= ['csslp','cssbtns','cssfilters','cssnav','cssmedia'];
	SR7.E.resources		= {};
	SR7.JSON			??= {};
/*! Slider Revolution 7.0 - Page Processor */
!function(){"use strict";window.SR7??={},window._tpt??={},SR7.version="Slider Revolution 6.7.16",_tpt.getWinDim=function(t){_tpt.screenHeightWithUrlBar??=window.innerHeight;let e=SR7.F?.modal?.visible&&SR7.M[SR7.F.module.getIdByAlias(SR7.F.modal.requested)];_tpt.scrollBar=window.innerWidth!==document.documentElement.clientWidth||e&&window.innerWidth!==e.c.module.clientWidth,_tpt.winW=window.innerWidth-(_tpt.scrollBar||"prepare"==t?_tpt.scrollBarW??_tpt.mesureScrollBar():0),_tpt.winH=window.innerHeight,_tpt.winWAll=document.documentElement.clientWidth},_tpt.getResponsiveLevel=function(t,e){SR7.M[e];return _tpt.closestGE(t,_tpt.winWAll)},_tpt.mesureScrollBar=function(){let t=document.createElement("div");return t.className="RSscrollbar-measure",t.style.width="100px",t.style.height="100px",t.style.overflow="scroll",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t),_tpt.scrollBarW=t.offsetWidth-t.clientWidth,document.body.removeChild(t),_tpt.scrollBarW},_tpt.loadCSS=async function(t,e,s){return s?_tpt.R.fonts.required[e].status=1:(_tpt.R[e]??={},_tpt.R[e].status=1),new Promise(((n,i)=>{if(_tpt.isStylesheetLoaded(t))s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n();else{const l=document.createElement("link");l.rel="stylesheet";let o="text",r="css";l["type"]=o+"/"+r,l.href=t,l.onload=()=>{s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n()},l.onerror=()=>{s?_tpt.R.fonts.required[e].status=3:_tpt.R[e].status=3,i(new Error(`Failed to load CSS: ${t}`))},document.head.appendChild(l)}}))},_tpt.addContainer=function(t){const{tag:e="div",id:s,class:n,datas:i,textContent:l,iHTML:o}=t,r=document.createElement(e);if(s&&""!==s&&(r.id=s),n&&""!==n&&(r.className=n),i)for(const[t,e]of Object.entries(i))"style"==t?r.style.cssText=e:r.setAttribute(`data-${t}`,e);return l&&(r.textContent=l),o&&(r.innerHTML=o),r},_tpt.collector=function(){return{fragment:new DocumentFragment,add(t){var e=_tpt.addContainer(t);return this.fragment.appendChild(e),e},append(t){t.appendChild(this.fragment)}}},_tpt.isStylesheetLoaded=function(t){let e=t.split("?")[0];return Array.from(document.querySelectorAll('link[rel="stylesheet"], link[rel="preload"]')).some((t=>t.href.split("?")[0]===e))},_tpt.preloader={requests:new Map,preloaderTemplates:new Map,show:function(t,e){if(!e||!t)return;const{type:s,color:n}=e;if(s<0||"off"==s)return;const i=`preloader_${s}`;let l=this.preloaderTemplates.get(i);l||(l=this.build(s,n),this.preloaderTemplates.set(i,l)),this.requests.has(t)||this.requests.set(t,{count:0});const o=this.requests.get(t);clearTimeout(o.timer),o.count++,1===o.count&&(o.timer=setTimeout((()=>{o.preloaderClone=l.cloneNode(!0),o.anim&&o.anim.kill(),void 0!==_tpt.gsap?o.anim=_tpt.gsap.fromTo(o.preloaderClone,1,{opacity:0},{opacity:1}):o.preloaderClone.classList.add("sr7-fade-in"),t.appendChild(o.preloaderClone)}),150))},hide:function(t){if(!this.requests.has(t))return;const e=this.requests.get(t);e.count--,e.count<0&&(e.count=0),e.anim&&e.anim.kill(),0===e.count&&(clearTimeout(e.timer),e.preloaderClone&&(e.preloaderClone.classList.remove("sr7-fade-in"),e.anim=_tpt.gsap.to(e.preloaderClone,.3,{opacity:0,onComplete:function(){e.preloaderClone.remove()}})))},state:function(t){if(!this.requests.has(t))return!1;return this.requests.get(t).count>0},build:(t,e="#ffffff",s="")=>{if(t<0||"off"===t)return null;const n=parseInt(t);if(t="prlt"+n,isNaN(n))return null;if(_tpt.loadCSS(SR7.E.plugin_url+"public/css/preloaders/t"+n+".css","preloader_"+t),isNaN(n)||n<6){const i=`background-color:${e}`,l=1===n||2==n?i:"",o=3===n||4==n?i:"",r=_tpt.collector();["dot1","dot2","bounce1","bounce2","bounce3"].forEach((t=>r.add({tag:"div",class:t,datas:{style:o}})));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`,datas:{style:l}});return r.append(d),d}{let i={};if(7===n){let t;e.startsWith("#")?(t=e.replace("#",""),t=`rgba(${parseInt(t.substring(0,2),16)}, ${parseInt(t.substring(2,4),16)}, ${parseInt(t.substring(4,6),16)}, `):e.startsWith("rgb")&&(t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")).split(",").map((t=>t.trim())),t=`rgba(${t[0]}, ${t[1]}, ${t[2]}, `),t&&(i.style=`border-top-color: ${t}0.65); border-bottom-color: ${t}0.15); border-left-color: ${t}0.65); border-right-color: ${t}0.15)`)}else 12===n&&(i.style=`background:${e}`);const l=[10,0,4,2,5,9,0,4,4,2][n-6],o=_tpt.collector(),r=o.add({tag:"div",class:"sr7-prl-inner",datas:i});Array.from({length:l}).forEach((()=>r.appendChild(o.add({tag:"span",datas:{style:`background:${e}`}}))));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`});return o.append(d),d}}},SR7.preLoader={show:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.show(e||SR7.M[t].c.module,SR7.M[t]?.settings?.pLoader??{color:"#fff",type:10})},hide:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.hide(e||SR7.M[t].c.module)},state:(t,e)=>_tpt.preloader.state(e||SR7.M[t].c.module)},_tpt.prepareModuleHeight=function(t){window.SR7.M??={},window.SR7.M[t.id]??={},"ignore"==t.googleFont&&(SR7.E.ignoreGoogleFont=!0);let e=window.SR7.M[t.id];if(null==_tpt.scrollBarW&&_tpt.mesureScrollBar(),e.c??={},e.states??={},e.settings??={},e.settings.size??={},t.fixed&&(e.settings.fixed=!0),e.c.module=document.getElementById(t.id),e.c.adjuster=e.c.module.getElementsByTagName("sr7-adjuster")[0],e.c.content=e.c.module.getElementsByTagName("sr7-content")[0],"carousel"==t.type&&(e.c.carousel=e.c.content.getElementsByTagName("sr7-carousel")[0]),null==e.c.module||null==e.c.module)return;t.plType&&t.plColor&&(e.settings.pLoader={type:t.plType,color:t.plColor}),void 0!==t.plType&&"off"!==t.plType&&SR7.preLoader.show(t.id,e.c.module),_tpt.winW||_tpt.getWinDim("prepare"),_tpt.getWinDim();let s=""+e.c.module.dataset?.modal;"modal"==s||"true"==s||"undefined"!==s&&"false"!==s||(e.settings.size.fullWidth=t.size.fullWidth,e.LEV??=_tpt.getResponsiveLevel(window.SR7.G.breakPoints,t.id),t.vpt=_tpt.fillArray(t.vpt,5),e.settings.vPort=t.vpt[e.LEV],void 0!==t.el&&"720"==t.el[4]&&t.gh[4]!==t.el[4]&&"960"==t.el[3]&&t.gh[3]!==t.el[3]&&"768"==t.el[2]&&t.gh[2]!==t.el[2]&&delete t.el,e.settings.size.height=null==t.el||null==t.el[e.LEV]||0==t.el[e.LEV]||"auto"==t.el[e.LEV]?_tpt.fillArray(t.gh,5,-1):_tpt.fillArray(t.el,5,-1),e.settings.size.width=_tpt.fillArray(t.gw,5,-1),e.settings.size.minHeight=_tpt.fillArray(t.mh??[0],5,-1),e.cacheSize={fullWidth:e.settings.size?.fullWidth,fullHeight:e.settings.size?.fullHeight},void 0!==t.off&&(t.off?.t&&(e.settings.size.m??={})&&(e.settings.size.m.t=t.off.t),t.off?.b&&(e.settings.size.m??={})&&(e.settings.size.m.b=t.off.b),t.off?.l&&(e.settings.size.p??={})&&(e.settings.size.p.l=t.off.l),t.off?.r&&(e.settings.size.p??={})&&(e.settings.size.p.r=t.off.r),e.offsetPrepared=!0),_tpt.updatePMHeight(t.id,t,!0))},_tpt.updatePMHeight=(t,e,s)=>{let n=SR7.M[t];var i=n.settings.size.fullWidth?_tpt.winW:n.c.module.parentNode.offsetWidth;i=0===i||isNaN(i)?_tpt.winW:i;let l=n.settings.size.width[n.LEV]||n.settings.size.width[n.LEV++]||n.settings.size.width[n.LEV--]||i,o=n.settings.size.height[n.LEV]||n.settings.size.height[n.LEV++]||n.settings.size.height[n.LEV--]||0,r=n.settings.size.minHeight[n.LEV]||n.settings.size.minHeight[n.LEV++]||n.settings.size.minHeight[n.LEV--]||0;if(o="auto"==o?0:o,o=parseInt(o),"carousel"!==e.type&&(i-=parseInt(e.onw??0)||0),n.MP=!n.settings.size.fullWidth&&i<l||_tpt.winW<l?Math.min(1,i/l):1,e.size.fullScreen||e.size.fullHeight){let t=parseInt(e.fho)||0,s=(""+e.fho).indexOf("%")>-1;e.newh=_tpt.winH-(s?_tpt.winH*t/100:t)}else e.newh=n.MP*Math.max(o,r);if(e.newh+=(parseInt(e.onh??0)||0)+(parseInt(e.carousel?.pt)||0)+(parseInt(e.carousel?.pb)||0),void 0!==e.slideduration&&(e.newh=Math.max(e.newh,parseInt(e.slideduration)/3)),e.shdw&&_tpt.buildShadow(e.id,e),n.c.adjuster.style.height=e.newh+"px",n.c.module.style.height=e.newh+"px",n.c.content.style.height=e.newh+"px",n.states.heightPrepared=!0,n.dims??={},n.dims.moduleRect=n.c.module.getBoundingClientRect(),n.c.content.style.left="-"+n.dims.moduleRect.left+"px",!n.settings.size.fullWidth)return s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)})),void _tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0);_tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0),requestAnimationFrame((function(){s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)}))})),n.earlyResizerFunction||(n.earlyResizerFunction=function(){requestAnimationFrame((function(){_tpt.getWinDim(),_tpt.moduleDefaults(e.id,e),_tpt.updateSlideBg(t,!0)}))},window.addEventListener("resize",n.earlyResizerFunction))},_tpt.buildShadow=function(t,e){let s=SR7.M[t];null==s.c.shadow&&(s.c.shadow=document.createElement("sr7-module-shadow"),s.c.shadow.classList.add("sr7-shdw-"+e.shdw),s.c.content.appendChild(s.c.shadow))},_tpt.bgStyle=async(t,e,s,n,i)=>{const l=SR7.M[t];if((e=e??l.settings).fixed&&!l.c.module.classList.contains("sr7-top-fixed")&&(l.c.module.classList.add("sr7-top-fixed"),l.c.module.style.position="fixed",l.c.module.style.width="100%",l.c.module.style.top="0px",l.c.module.style.left="0px",l.c.module.style.pointerEvents="none",l.c.module.style.zIndex=5e3,l.c.content.style.pointerEvents="none"),null==l.c.bgcanvas){let t=document.createElement("sr7-module-bg"),o=!1;if("string"==typeof e?.bg?.color&&e?.bg?.color.includes("{"))if(_tpt.gradient&&_tpt.gsap)e.bg.color=_tpt.gradient.convert(e.bg.color);else try{let t=JSON.parse(e.bg.color);(t?.orig||t?.string)&&(e.bg.color=JSON.parse(e.bg.color))}catch(t){return}let r="string"==typeof e?.bg?.color?e?.bg?.color||"transparent":e?.bg?.color?.string??e?.bg?.color?.orig??e?.bg?.color?.color??"transparent";if(t.style["background"+(String(r).includes("grad")?"":"Color")]=r,("transparent"!==r||i)&&(o=!0),l.offsetPrepared&&(t.style.visibility="hidden"),e?.bg?.image?.src&&(t.style.backgroundImage=`url(${e?.bg?.image.src})`,t.style.backgroundSize=""==(e.bg.image?.size??"")?"cover":e.bg.image.size,t.style.backgroundPosition=e.bg.image.position,t.style.backgroundRepeat=""==e.bg.image.repeat||null==e.bg.image.repeat?"no-repeat":e.bg.image.repeat,o=!0),!o)return;l.c.bgcanvas=t,e.size.fullWidth?t.style.width=_tpt.winW-(s&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":n&&(t.style.width=l.c.module.offsetWidth+"px"),e.sbt?.use?l.c.content.appendChild(l.c.bgcanvas):l.c.module.appendChild(l.c.bgcanvas)}l.c.bgcanvas.style.height=void 0!==e.newh?e.newh+"px":("carousel"==e.type?l.dims.module.h:l.dims.content.h)+"px",l.c.bgcanvas.style.left=!s&&e.sbt?.use||l.c.bgcanvas.closest("SR7-CONTENT")?"0px":"-"+(l?.dims?.moduleRect?.left??0)+"px"},_tpt.updateSlideBg=function(t,e){const s=SR7.M[t];let n=s.settings;s?.c?.bgcanvas&&(n.size.fullWidth?s.c.bgcanvas.style.width=_tpt.winW-(e&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":preparing&&(s.c.bgcanvas.style.width=s.c.module.offsetWidth+"px"))},_tpt.moduleDefaults=(t,e)=>{let s=SR7.M[t];null!=s&&null!=s.c&&null!=s.c.module&&(s.dims??={},s.dims.moduleRect=s.c.module.getBoundingClientRect(),s.c.content.style.left="-"+s.dims.moduleRect.left+"px",s.c.content.style.width=_tpt.winW-_tpt.scrollBarW+"px","carousel"==e.type&&(s.c.module.style.overflow="visible"),_tpt.bgStyle(t,e,window.innerWidth==_tpt.winW))},_tpt.getOffset=t=>{var e=t.getBoundingClientRect(),s=window.pageXOffset||document.documentElement.scrollLeft,n=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+n,left:e.left+s}},_tpt.fillArray=function(t,e){let s,n;t=Array.isArray(t)?t:[t];let i=Array(e),l=t.length;for(n=0;n<t.length;n++)i[n+(e-l)]=t[n],null==s&&"#"!==t[n]&&(s=t[n]);for(let t=0;t<e;t++)void 0!==i[t]&&"#"!=i[t]||(i[t]=s),s=i[t];return i},_tpt.closestGE=function(t,e){let s=Number.MAX_VALUE,n=-1;for(let i=0;i<t.length;i++)t[i]-1>=e&&t[i]-1-e<s&&(s=t[i]-1-e,n=i);return++n}}();</script>
<style id="wp-custom-css">
.item--tags {
    display: none;
}
.pxl-item--button.pxl-transtion.pxl-hover-transition {
    display: none;
}
.pxl-item--button {
    display: none;
}

a.pxl-hover-transition {
    font-size: 23PX!important;
}
</style>
</head>
<body class="wp-singular page-template-default page page-id-3657 wp-theme-mrittik  pxl-redux-page  pxl-enable-cursor elementor-default elementor-kit-8 elementor-page elementor-page-3657">
            <div id="pxl-wapper" class="pxl-wapper pxl-page">
        <header id="pxl-header-elementor" class="is-sticky">
			<div class="pxl-header-elementor-main px-header--default">
		    <div class="pxl-header-content">
		        <div class="row">
		        	<div class="col-12">
			            		<div data-elementor-type="wp-post" data-elementor-id="133" class="elementor elementor-133">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-b26b08d pxl-show-grid no-ani pxl-justify-between pxl-bg-fou-pri elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="b26b08d" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ccc95e8 pxl-column-none" data-id="ccc95e8" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-6905963 elementor-widget elementor-widget-pxl_logo" data-id="6905963" data-element_type="widget" data-widget_type="pxl_logo.default">
				<div class="elementor-widget-container">
					    <div class="pxl-logo " data-wow-delay="ms" data-wow-duration="1.2s">
        <a href="https://shadebuilders.in/">                    <img fetchpriority="high" width="1388" height="509" src="https://shadebuilders.in/wp-content/uploads/2023/11/shade-builders-logo333122-black-01.png" class="logo-light attachment-full" alt="" />                            <img width="1388" height="509" src="https://shadebuilders.in/wp-content/uploads/2023/11/shade-builders-logo333122white-02.png" class="logo-dark attachment-full" alt="" />                </a>    </div>
				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0c78f23 pxl-column-none" data-id="0c78f23" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-b177342 nav-menu-effect menu-translate-rl elementor-widget elementor-widget-pxl_menu" data-id="b177342" data-element_type="widget" data-widget_type="pxl_menu.default">
				<div class="elementor-widget-container">
					    <div class="pxl-nav-menu pxl-nav-menu1 ">
        <style id="elementor-post-6530">.elementor-6530 .elementor-element.elementor-element-8ba57dc{background-color:#FFFFFF;}.dark-mode .elementor-6530 .elementor-element.elementor-element-8ba57dc{background-color:#000000;}.elementor-6530 .elementor-element.elementor-element-8ba57dc > .elementor-element-populated{padding:20px 30px 15px 30px;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-anchor-wrap{justify-content:active;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-anchor-wrap{justify-content:inactive;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .item--image{height:280px;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .item--image img{-webkit-filter:brightness(90%);filter:brightness(90%);}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--image{margin:0px 0px 15px 0px;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title a{color:#000000;font-weight:500;}.dark-mode .elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title, .dark-mode .elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title a{color:#FFFFFF;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}.dark-mode .elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title a:hover{color:#A6A182;}@media(max-width:1199px){.elementor-6530 .elementor-element.elementor-element-75030a0{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E6E6E6;padding:0px 15px 0px 15px;}.dark-mode .elementor-6530 .elementor-element.elementor-element-75030a0{border-color:#343434;}.elementor-6530 .elementor-element.elementor-element-8ba57dc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-991b416 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-f383920 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-e4151c6 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-a46a608 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-323d69f .pxl-showcase .pxl-item--title{margin:0px 0px 10px 0px;}.elementor-6530 .elementor-element.elementor-element-0370067{margin-top:-10px;margin-bottom:0px;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-c0834b0 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-46c2ff3 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-d7cc1b6 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-8061886 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-3085f2f .pxl-showcase .pxl-item--title{margin:0px 0px -10px 0px;}.elementor-6530 .elementor-element.elementor-element-050e1e1{margin-top:-10px;margin-bottom:0px;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-2b7ea86 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-6f60817 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-f1f0881 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-692d451 .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title, .elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title a{line-height:1.625em;}.elementor-6530 .elementor-element.elementor-element-721455f .pxl-showcase .pxl-item--title{margin:0px 0px 20px 0px;}}</style><div class="menu-menu-primary-container"><ul id="menu-menu-primary" class="pxl-menu-primary clearfix menu-default"><li id="menu-item-9141" class="menu-item menu-item-type-custom menu-item-object-custom pxl-megamenu menu-item-has-children menu-item-9141"><a href="#home"><span>HOME</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a><div class="sub-menu pxl-mega-menu"><div class="pxl-mega-menu-elementor">		<div data-elementor-type="wp-post" data-elementor-id="6530" class="elementor elementor-6530">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-75030a0 elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-section-offset-none pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="75030a0" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ba57dc pxl-column-none" data-id="8ba57dc" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
                <section class="elementor-section elementor-inner-section elementor-element elementor-element-0c51f0f elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0c51f0f" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9bfc882 pxl-column-none" data-id="9bfc882" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-991b416 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="991b416" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home01-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home01-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-01-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/">                    HOME <span style="color: var(--secondary-color)">01</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-be96c0a pxl-column-none" data-id="be96c0a" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f383920 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f383920" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home02-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home02-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-02/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-02-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-02/">                    HOME <span style="color: var(--secondary-color)">02</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1231de4 pxl-column-none" data-id="1231de4" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-e4151c6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="e4151c6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home03-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home03-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-03/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-03-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-03/">                    HOME <span style="color: var(--secondary-color)">03</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e2fda0 pxl-column-none" data-id="9e2fda0" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-a46a608 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="a46a608" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home04-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home04-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-04/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-04-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-04/">                    HOME <span style="color: var(--secondary-color)">04</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cce743b pxl-column-none" data-id="cce743b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-323d69f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="323d69f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home05-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home05-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-05/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-05-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-05/">                    HOME <span style="color: var(--secondary-color)">05</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-0370067 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0370067" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-73c6e71 pxl-column-none" data-id="73c6e71" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-c0834b0 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="c0834b0" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home06-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home06-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-06/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-06-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-06/">                    HOME <span style="color: var(--secondary-color)">06</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1e0a695 pxl-column-none" data-id="1e0a695" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-46c2ff3 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="46c2ff3" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home7-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home7-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-07/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-07-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-07/">                    HOME <span style="color: var(--secondary-color)">07</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-25268cf pxl-column-none" data-id="25268cf" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-d7cc1b6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="d7cc1b6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home08-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home08-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-08/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-08-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-08/">                    HOME <span style="color: var(--secondary-color)">08</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c12f26b pxl-column-none" data-id="c12f26b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-8061886 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="8061886" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home09-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home09-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-09/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-09-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-09/">                    HOME <span style="color: var(--secondary-color)">09</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cb68171 pxl-column-none" data-id="cb68171" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-3085f2f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="3085f2f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home10-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home10-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-10/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-10-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-10/">                    HOME <span style="color: var(--secondary-color)">10</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-050e1e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="050e1e1" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-18d5490 pxl-column-none" data-id="18d5490" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-2b7ea86 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="2b7ea86" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home11-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home11-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-11/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-11-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-11/">                    HOME <span style="color: var(--secondary-color)">11</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-8468df6 pxl-column-none" data-id="8468df6" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-6f60817 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="6f60817" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home12-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home12-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-12/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-12-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-12/">                    HOME <span style="color: var(--secondary-color)">12</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-fc8c129 pxl-column-none" data-id="fc8c129" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f1f0881 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f1f0881" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home13-header-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home13-header-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-13/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-13-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-13/">                    HOME <span style="color: var(--secondary-color)">13</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e1c7c3 pxl-column-none" data-id="9e1c7c3" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-692d451 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="692d451" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home14-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home14-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-14/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-14-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-14/">                    HOME <span style="color: var(--secondary-color)">14</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-bfbf669 pxl-column-none" data-id="bfbf669" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-721455f pxl-showcase-inactive elementor-widget elementor-widget-pxl_showcase" data-id="721455f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-coming-soon-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-coming-soon-dark" /></div>
                                            </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/coming-soon/">                    <span style="color: var(--secondary-color)">COMING SOON</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		            </div>
        </div>
        			</div>
		</section>
				</div>
		</div></div></li>
<li id="menu-item-9142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9142"><a href="#home"><span>GALLERY</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li id="menu-item-9405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9405"><a href="https://shadebuilders.in/projects-01/"><span>PROJECTS ONE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9404"><a href="https://shadebuilders.in/projects-02/"><span>PROJECTS TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9426"><a href="https://shadebuilders.in/projects-03/"><span>PROJECTS THREE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9424" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9424"><a href="https://shadebuilders.in/portfolio/california-young-menz-club/"><span>PROJECT DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9427" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9427"><a href="https://shadebuilders.in/portfolio/california-mansion-residence/"><span>PROJECT DETAILS TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
<li id="menu-item-9143" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9143"><a href="#home"><span>PAGES</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li id="menu-item-9423" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9423"><a href="https://shadebuilders.in/about-us/"><span>ABOUT US</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9145" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9145"><a href="#home"><span>TEAM</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li id="menu-item-9407" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9407"><a href="https://shadebuilders.in/our-team/"><span>OUR TEAM</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9406"><a href="https://shadebuilders.in/team-details/"><span>TEAM DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li id="menu-item-9146" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9146"><a href="#home"><span>SERVICES</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li id="menu-item-9419" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9419"><a href="https://shadebuilders.in/service-01/"><span>SERVICE ONE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9421"><a href="https://shadebuilders.in/service-02/"><span>SERVICE TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9425" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-9425"><a href="https://shadebuilders.in/service/landscape-design/"><span>SERVICE DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li id="menu-item-9144" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9144"><a href="#home"><span>SHOP</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li id="menu-item-9348" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9348"><a href="#"><span>SHOP DEFAULT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
		<ul class="sub-menu">
			<li id="menu-item-9349" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9349"><a href="https://shadebuilders.in/shop/?sidebar_pos=left&#038;col=3"><span>LEFT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li id="menu-item-9351" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9351"><a href="https://shadebuilders.in/shop/?type=grid"><span>FULL WIDTH</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li id="menu-item-9350" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9350"><a href="https://shadebuilders.in/shop/?sidebar_pos=right&#038;col=3"><span>RIGHT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		</ul>
</li>
		<li id="menu-item-9352" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-9352"><a href="#"><span>SHOP FILTER</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
		<ul class="sub-menu">
			<li id="menu-item-9408" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9408"><a href="https://shadebuilders.in/shop-filter-left-side-bar/"><span>LEFT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li id="menu-item-9422" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3657 current_page_item menu-item-9422"><a href="https://shadebuilders.in/shop-filter-right-side-bar/" aria-current="page"><span>RIGHT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		</ul>
</li>
		<li id="menu-item-9414" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9414"><a href="https://shadebuilders.in/cart/"><span>SHOP CART</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9415"><a href="https://shadebuilders.in/checkout/"><span>CHECKOUT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9417" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9417"><a href="https://shadebuilders.in/wishlist/"><span>WISHLIST</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li id="menu-item-9416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9416"><a href="https://shadebuilders.in/my-account/"><span>MY ACCOUNT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li id="menu-item-9353" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9353"><a href="https://shadebuilders.in/404"><span>404 PAGE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9428"><a href="https://shadebuilders.in/coming-soon/"><span>COMING SOON</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9431"><a href="https://shadebuilders.in/landing/"><span>LANDING</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
<li id="menu-item-9418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9418"><a href="https://shadebuilders.in/contacts/"><span>CONTACTS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
<li id="menu-item-9347" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9347"><a href="#home"><span>BLOG</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li id="menu-item-9429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9429"><a href="https://shadebuilders.in/blog-grid/"><span>BLOG GRID</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li id="menu-item-9430" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-9430"><a href="https://shadebuilders.in/california-mansion-residence/"><span>BLOG DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
</ul></div>    </div>
				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-d8f18ef pxl-column-none" data-id="d8f18ef" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-8ea36b8 elementor-widget__width-auto elementor-widget elementor-widget-pxl_icon_hidden_panel" data-id="8ea36b8" data-element_type="widget" data-widget_type="pxl_icon_hidden_panel.default">
				<div class="elementor-widget-container">
					<div class="pxl-hidden-panel-button pxl-anchor side-panel pxl-cursor--cta" data-target=".pxl-hidden-template-2458">
	<span class="line"></span>
	<span class="line"></span>
	<span class="line"></span>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-a786e52 elementor-widget__width-auto elementor-widget elementor-widget-pxl_icon_search" data-id="a786e52" data-element_type="widget" data-widget_type="pxl_icon_search.default">
				<div class="elementor-widget-container">
					<div class="pxl-search-popup-button pxl-divider">
    <a>
                    <i class="bi bi-search"></i>
            </a>
</div>
				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
				</div>
			                </div>
		        </div>
		    </div>
		</div>
				<div class="pxl-header-elementor-sticky pxl-sticky-stt">
		    <div class="container">
		        <div class="row">
                    <div class="col-12">
    		            <style id="elementor-post-220">.elementor-bc-flex-widget .elementor-220 .elementor-element.elementor-element-f5409f0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-220 .elementor-element.elementor-element-f5409f0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-220 .elementor-element.elementor-element-f5409f0.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-220 .elementor-element.elementor-element-f5409f0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-9f3270a .pxl-logo img{max-height:87px;}.elementor-bc-flex-widget .elementor-220 .elementor-element.elementor-element-03a1fed.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-220 .elementor-element.elementor-element-03a1fed.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-220 .elementor-element.elementor-element-03a1fed.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-220 .elementor-element.elementor-element-03a1fed > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-f8f9b6c .pxl-nav-menu .pxl-menu-primary > li > a{line-height:100px;letter-spacing:1.2px;}.elementor-220 .elementor-element.elementor-element-f8f9b6c .pxl-menu-primary .sub-menu li + li{margin-top:0px;}.elementor-bc-flex-widget .elementor-220 .elementor-element.elementor-element-3495739.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-220 .elementor-element.elementor-element-3495739.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-220 .elementor-element.elementor-element-3495739.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-220 .elementor-element.elementor-element-3495739 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-b1c8e6f{width:auto;max-width:auto;}.elementor-220 .elementor-element.elementor-element-b1c8e6f > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-220 .elementor-element.elementor-element-106a712{width:auto;max-width:auto;}.elementor-220 .elementor-element.elementor-element-106a712 > .elementor-widget-container{padding:0px 3px 0px 3px;}@media(min-width:576px){.elementor-220 .elementor-element.elementor-element-f5409f0{width:22.3%;}.elementor-220 .elementor-element.elementor-element-03a1fed{width:54%;}.elementor-220 .elementor-element.elementor-element-3495739{width:23.032%;}}</style>		<div data-elementor-type="wp-post" data-elementor-id="220" class="elementor elementor-220">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-3d386be elementor-section-stretched pxl-bg-f8-pri pxl-justify-between elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="3d386be" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f5409f0 pxl-column-none" data-id="f5409f0" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-9f3270a elementor-widget elementor-widget-pxl_logo" data-id="9f3270a" data-element_type="widget" data-widget_type="pxl_logo.default">
				<div class="elementor-widget-container">
					    <div class="pxl-logo " data-wow-delay="ms" data-wow-duration="1.2s">
        <a href="https://shadebuilders.in/">                    <img fetchpriority="high" width="1388" height="509" src="https://shadebuilders.in/wp-content/uploads/2023/11/shade-builders-logo333122-black-01.png" class="logo-light attachment-full" alt="" />                            <img width="1388" height="509" src="https://shadebuilders.in/wp-content/uploads/2023/11/shade-builders-logo333122white-02.png" class="logo-dark attachment-full" alt="" />                </a>    </div>
				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-03a1fed pxl-column-none" data-id="03a1fed" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f8f9b6c nav-menu-effect menu-translate-rl elementor-widget elementor-widget-pxl_menu" data-id="f8f9b6c" data-element_type="widget" data-widget_type="pxl_menu.default">
				<div class="elementor-widget-container">
					    <div class="pxl-nav-menu pxl-nav-menu1 ">
        <div class="menu-menu-primary-container"><ul id="menu-menu-primary-1" class="pxl-menu-primary clearfix menu-default"><li class="menu-item menu-item-type-custom menu-item-object-custom pxl-megamenu menu-item-has-children menu-item-9141"><a href="#home"><span>HOME</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a><div class="sub-menu pxl-mega-menu"><div class="pxl-mega-menu-elementor">		<div data-elementor-type="wp-post" data-elementor-id="6530" class="elementor elementor-6530">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-75030a0 elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-section-offset-none pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="75030a0" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ba57dc pxl-column-none" data-id="8ba57dc" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
                <section class="elementor-section elementor-inner-section elementor-element elementor-element-0c51f0f elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0c51f0f" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9bfc882 pxl-column-none" data-id="9bfc882" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-991b416 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="991b416" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home01-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home01-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-01-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/">                    HOME <span style="color: var(--secondary-color)">01</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-be96c0a pxl-column-none" data-id="be96c0a" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f383920 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f383920" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home02-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home02-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-02/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-02-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-02/">                    HOME <span style="color: var(--secondary-color)">02</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1231de4 pxl-column-none" data-id="1231de4" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-e4151c6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="e4151c6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home03-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home03-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-03/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-03-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-03/">                    HOME <span style="color: var(--secondary-color)">03</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e2fda0 pxl-column-none" data-id="9e2fda0" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-a46a608 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="a46a608" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home04-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home04-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-04/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-04-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-04/">                    HOME <span style="color: var(--secondary-color)">04</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cce743b pxl-column-none" data-id="cce743b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-323d69f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="323d69f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home05-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home05-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-05/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-05-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-05/">                    HOME <span style="color: var(--secondary-color)">05</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-0370067 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0370067" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-73c6e71 pxl-column-none" data-id="73c6e71" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-c0834b0 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="c0834b0" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home06-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home06-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-06/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-06-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-06/">                    HOME <span style="color: var(--secondary-color)">06</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1e0a695 pxl-column-none" data-id="1e0a695" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-46c2ff3 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="46c2ff3" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home7-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home7-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-07/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-07-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-07/">                    HOME <span style="color: var(--secondary-color)">07</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-25268cf pxl-column-none" data-id="25268cf" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-d7cc1b6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="d7cc1b6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home08-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home08-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-08/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-08-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-08/">                    HOME <span style="color: var(--secondary-color)">08</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c12f26b pxl-column-none" data-id="c12f26b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-8061886 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="8061886" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home09-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home09-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-09/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-09-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-09/">                    HOME <span style="color: var(--secondary-color)">09</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cb68171 pxl-column-none" data-id="cb68171" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-3085f2f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="3085f2f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home10-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home10-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-10/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-10-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-10/">                    HOME <span style="color: var(--secondary-color)">10</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-050e1e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="050e1e1" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-18d5490 pxl-column-none" data-id="18d5490" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-2b7ea86 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="2b7ea86" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home11-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home11-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-11/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-11-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-11/">                    HOME <span style="color: var(--secondary-color)">11</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-8468df6 pxl-column-none" data-id="8468df6" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-6f60817 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="6f60817" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home12-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home12-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-12/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-12-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-12/">                    HOME <span style="color: var(--secondary-color)">12</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-fc8c129 pxl-column-none" data-id="fc8c129" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f1f0881 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f1f0881" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home13-header-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home13-header-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-13/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-13-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-13/">                    HOME <span style="color: var(--secondary-color)">13</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e1c7c3 pxl-column-none" data-id="9e1c7c3" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-692d451 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="692d451" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home14-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home14-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-14/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-14-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-14/">                    HOME <span style="color: var(--secondary-color)">14</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-bfbf669 pxl-column-none" data-id="bfbf669" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-721455f pxl-showcase-inactive elementor-widget elementor-widget-pxl_showcase" data-id="721455f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-coming-soon-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-coming-soon-dark" /></div>
                                            </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/coming-soon/">                    <span style="color: var(--secondary-color)">COMING SOON</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		            </div>
        </div>
        			</div>
		</section>
				</div>
		</div></div></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9142"><a href="#home"><span>GALLERY</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9405"><a href="https://shadebuilders.in/projects-01/"><span>PROJECTS ONE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9404"><a href="https://shadebuilders.in/projects-02/"><span>PROJECTS TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9426"><a href="https://shadebuilders.in/projects-03/"><span>PROJECTS THREE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9424"><a href="https://shadebuilders.in/portfolio/california-young-menz-club/"><span>PROJECT DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9427"><a href="https://shadebuilders.in/portfolio/california-mansion-residence/"><span>PROJECT DETAILS TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9143"><a href="#home"><span>PAGES</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9423"><a href="https://shadebuilders.in/about-us/"><span>ABOUT US</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9145"><a href="#home"><span>TEAM</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9407"><a href="https://shadebuilders.in/our-team/"><span>OUR TEAM</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9406"><a href="https://shadebuilders.in/team-details/"><span>TEAM DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9146"><a href="#home"><span>SERVICES</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9419"><a href="https://shadebuilders.in/service-01/"><span>SERVICE ONE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9421"><a href="https://shadebuilders.in/service-02/"><span>SERVICE TWO</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-service menu-item-9425"><a href="https://shadebuilders.in/service/landscape-design/"><span>SERVICE DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9144"><a href="#home"><span>SHOP</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9348"><a href="#"><span>SHOP DEFAULT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
		<ul class="sub-menu">
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9349"><a href="https://shadebuilders.in/shop/?sidebar_pos=left&#038;col=3"><span>LEFT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9351"><a href="https://shadebuilders.in/shop/?type=grid"><span>FULL WIDTH</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9350"><a href="https://shadebuilders.in/shop/?sidebar_pos=right&#038;col=3"><span>RIGHT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		</ul>
</li>
		<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-9352"><a href="#"><span>SHOP FILTER</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
		<ul class="sub-menu">
			<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9408"><a href="https://shadebuilders.in/shop-filter-left-side-bar/"><span>LEFT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
			<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3657 current_page_item menu-item-9422"><a href="https://shadebuilders.in/shop-filter-right-side-bar/" aria-current="page"><span>RIGHT SIDEBAR</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		</ul>
</li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9414"><a href="https://shadebuilders.in/cart/"><span>SHOP CART</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9415"><a href="https://shadebuilders.in/checkout/"><span>CHECKOUT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9417"><a href="https://shadebuilders.in/wishlist/"><span>WISHLIST</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9416"><a href="https://shadebuilders.in/my-account/"><span>MY ACCOUNT</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9353"><a href="https://shadebuilders.in/404"><span>404 PAGE</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9428"><a href="https://shadebuilders.in/coming-soon/"><span>COMING SOON</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9431"><a href="https://shadebuilders.in/landing/"><span>LANDING</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9418"><a href="https://shadebuilders.in/contacts/"><span>CONTACTS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9347"><a href="#home"><span>BLOG</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9429"><a href="https://shadebuilders.in/blog-grid/"><span>BLOG GRID</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-9430"><a href="https://shadebuilders.in/california-mansion-residence/"><span>BLOG DETAILS</span><i class="bi-chevron-down pxl-nav-icon pxl-hide"></i></a></li>
</ul>
</li>
</ul></div>    </div>
				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3495739 pxl-column-none" data-id="3495739" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-b1c8e6f elementor-widget__width-auto pxl-iconwhite-indark elementor-widget elementor-widget-pxl_icon_hidden_panel" data-id="b1c8e6f" data-element_type="widget" data-widget_type="pxl_icon_hidden_panel.default">
				<div class="elementor-widget-container">
					<div class="pxl-hidden-panel-button pxl-anchor side-panel pxl-cursor--cta" data-target=".pxl-hidden-template-2458">
	<span class="line"></span>
	<span class="line"></span>
	<span class="line"></span>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-106a712 elementor-widget__width-auto pxl-iconwhite-indark elementor-widget elementor-widget-pxl_icon_search" data-id="106a712" data-element_type="widget" data-widget_type="pxl_icon_search.default">
				<div class="elementor-widget-container">
					<div class="pxl-search-popup-button pxl-divider">
    <a>
                    <i class="bi bi-search"></i>
            </a>
</div>
				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
				</div>
		                    </div>
		        </div>
		    </div>
		</div>
	            <div id="pxl-header-mobile">
            <div id="pxl-header-main" class="pxl-header-main">
                <div class="container">
                    <div class="row">
                        <div class="pxl-header-branding">
                            <a href="https://shadebuilders.in/" title="Shade Builders" rel="home">
                                            <img src="https://shadebuilders.in/wp-content/uploads/2025/02/shade-builders-logo333122-black-01.svg" alt="Shade Builders" class="logo-light"/>
                                            <img src="https://shadebuilders.in/wp-content/uploads/2025/02/shade-builders-logo333122-white-tranperent-03.svg" alt="Shade Builders" class="logo-dark"/>
                                        </a>                        </div>
                        <div class="pxl-header-menu" data-lenis-prevent>
                            <div class="pxl-header-menu-scroll">
                                <div class="pxl-menu-close pxl-hide-xl pxl-close"></div>
                                <div class="pxl-logo-mobile pxl-hide-xl">
                                    <a href="https://shadebuilders.in/" title="Shade Builders" rel="home">
                                                    <img src="https://shadebuilders.in/wp-content/uploads/2025/02/shade-builders-logo333122-black-01.svg" alt="Shade Builders" class="logo-light"/>
                                                    <img src="https://shadebuilders.in/wp-content/uploads/2025/02/shade-builders-logo333122-white-tranperent-03.svg" alt="Shade Builders" class="logo-dark"/>
                                                </a>                                </div>
                                    <div class="pxl-header-mobile-search pxl-hide-xl">
        <form role="search" method="get" action="https://shadebuilders.in/">
            <input type="text" placeholder="Search..." name="s" class="search-field" required />
            <button type="submit" class="search-submit"><i class="caseicon-search"></i></button>
        </form>
    </div>
                                <nav class="pxl-header-nav">
                                    <ul id="menu-menu-primary-2" class="pxl-menu-primary clearfix"><li class="menu-item menu-item-type-custom menu-item-object-custom pxl-megamenu menu-item-has-children menu-item-9141"><a href="#home"><span>HOME</span></a><div class="sub-menu pxl-mega-menu"><div class="pxl-mega-menu-elementor">		<div data-elementor-type="wp-post" data-elementor-id="6530" class="elementor elementor-6530">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-75030a0 elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-section-offset-none pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="75030a0" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ba57dc pxl-column-none" data-id="8ba57dc" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
                <section class="elementor-section elementor-inner-section elementor-element elementor-element-0c51f0f elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0c51f0f" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9bfc882 pxl-column-none" data-id="9bfc882" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-991b416 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="991b416" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home01-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="452" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home01-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home01-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-01-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/">                    HOME <span style="color: var(--secondary-color)">01</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-be96c0a pxl-column-none" data-id="be96c0a" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f383920 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f383920" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home02-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="1793" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home02-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home02-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-02/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-02-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-02/">                    HOME <span style="color: var(--secondary-color)">02</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1231de4 pxl-column-none" data-id="1231de4" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-e4151c6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="e4151c6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home03-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="2414" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home03-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home03-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-03/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-03-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-03/">                    HOME <span style="color: var(--secondary-color)">03</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e2fda0 pxl-column-none" data-id="9e2fda0" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-a46a608 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="a46a608" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home04-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="836" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home04-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home04-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-04/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-04-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-04/">                    HOME <span style="color: var(--secondary-color)">04</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cce743b pxl-column-none" data-id="cce743b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-323d69f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="323d69f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home05-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="837" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home05-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home05-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-05/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-05-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-05/">                    HOME <span style="color: var(--secondary-color)">05</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-0370067 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="0370067" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-73c6e71 pxl-column-none" data-id="73c6e71" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-c0834b0 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="c0834b0" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home06-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="743" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/06/megamenu-home06-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home06-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-06/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-06-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-06/">                    HOME <span style="color: var(--secondary-color)">06</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-1e0a695 pxl-column-none" data-id="1e0a695" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-46c2ff3 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="46c2ff3" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home7-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home7-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home7-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-07/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-07-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-07/">                    HOME <span style="color: var(--secondary-color)">07</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-25268cf pxl-column-none" data-id="25268cf" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-d7cc1b6 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="d7cc1b6" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home08-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home08-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home08-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-08/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-08-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-08/">                    HOME <span style="color: var(--secondary-color)">08</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c12f26b pxl-column-none" data-id="c12f26b" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-8061886 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="8061886" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home09-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="685" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home09-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home09-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-09/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-09-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-09/">                    HOME <span style="color: var(--secondary-color)">09</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-cb68171 pxl-column-none" data-id="cb68171" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-3085f2f pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="3085f2f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-light-scaled-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home10-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="468" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/07/megamenu-home10-dark-scaled-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home10-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-10/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-10-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-10/">                    HOME <span style="color: var(--secondary-color)">10</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		        <section class="elementor-section elementor-inner-section elementor-element elementor-element-050e1e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="050e1e1" data-element_type="section">

                
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-18d5490 pxl-column-none" data-id="18d5490" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-2b7ea86 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="2b7ea86" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home11-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home11-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home11-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-11/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-11-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-11/">                    HOME <span style="color: var(--secondary-color)">11</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-8468df6 pxl-column-none" data-id="8468df6" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-6f60817 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="6f60817" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home12-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="466" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home12-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home12-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-12/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-12-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-12/">                    HOME <span style="color: var(--secondary-color)">12</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-fc8c129 pxl-column-none" data-id="fc8c129" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-f1f0881 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="f1f0881" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home13-header-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home13-header-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home13-header-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-13/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-13-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-13/">                    HOME <span style="color: var(--secondary-color)">13</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-9e1c7c3 pxl-column-none" data-id="9e1c7c3" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-692d451 pxl-showcase-active elementor-widget elementor-widget-pxl_showcase" data-id="692d451" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1 pxl-showcase-scroll " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-light-scaled.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-home14-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="651" height="2560" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-home14-dark-scaled.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-home14-dark" /></div>
                                                    <div class="pxl-item--button">
                                                    <a class="item--link" href="https://shadebuilders.in/home-14/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>MULTI</span> <span>PAGE</span>                                 </span>
                            </a>
                                                                            <a class="item--link" href="https://shadebuilders.in/home-14-one-page/">
                                <span class="pxl-wobble" data-animation="pxl-xspin">
                                    <span>ONE</span> <span>PAGE</span>                                 </span>
                            </a>
                                            </div>
                                                </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/home-14/">                    HOME <span style="color: var(--secondary-color)">14</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
                <div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-bfbf669 pxl-column-none" data-id="bfbf669" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-721455f pxl-showcase-inactive elementor-widget elementor-widget-pxl_showcase" data-id="721455f" data-element_type="widget" data-widget_type="pxl_showcase.default">
				<div class="elementor-widget-container">
					<div class="pxl-showcase layout1  " data-wow-delay="ms" data-wow-duration="1.2s">
    <div class="pxl-item--inner">
                    <div class="pxl-item--image">
                                    <div class="item--image image-light"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-light.jpg" class="image-light no-lazyload attachment-full" alt="megamenu-coming-soon-light" /></div>
                                                    <div class="item--image image-dark"><img loading="lazy" width="900" height="955" src="https://shadebuilders.in/wp-content/uploads/2023/11/megamenu-coming-soon-dark.jpg" class="image-dark no-lazyload attachment-full" alt="megamenu-coming-soon-dark" /></div>
                                            </div>
                            <div class="pxl-item--title">
                <a href="https://shadebuilders.in/coming-soon/">                    <span style="color: var(--secondary-color)">COMING SOON</span>                </a>            </div>
            </div>
</div>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
		            </div>
        </div>
        			</div>
		</section>
				</div>
		</div></div></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9142"><a href="#home"><span>GALLERY</span></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9405"><a href="https://shadebuilders.in/projects-01/"><span>PROJECTS ONE</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9404"><a href="https://shadebuilders.in/projects-02/"><span>PROJECTS TWO</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9426"><a href="https://shadebuilders.in/projects-03/"><span>PROJECTS THREE</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9424"><a href="https://shadebuilders.in/portfolio/california-young-menz-club/"><span>PROJECT DETAILS</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-9427"><a href="https://shadebuilders.in/portfolio/california-mansion-residence/"><span>PROJECT DETAILS TWO</span></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9143"><a href="#home"><span>PAGES</span></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9423"><a href="https://shadebuilders.in/about-us/"><span>ABOUT US</span></a></li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9145"><a href="#home"><span>TEAM</span></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9407"><a href="https://shadebuilders.in/our-team/"><span>OUR TEAM</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9406"><a href="https://shadebuilders.in/team-details/"><span>TEAM DETAILS</span></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9146"><a href="#home"><span>SERVICES</span></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9419"><a href="https://shadebuilders.in/service-01/"><span>SERVICE ONE</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9421"><a href="https://shadebuilders.in/service-02/"><span>SERVICE TWO</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-service menu-item-9425"><a href="https://shadebuilders.in/service/landscape-design/"><span>SERVICE DETAILS</span></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9144"><a href="#home"><span>SHOP</span></a>
	<ul class="sub-menu">
		<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9348"><a href="#"><span>SHOP DEFAULT</span></a>
		<ul class="sub-menu">
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9349"><a href="https://shadebuilders.in/shop/?sidebar_pos=left&#038;col=3"><span>LEFT SIDEBAR</span></a></li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9351"><a href="https://shadebuilders.in/shop/?type=grid"><span>FULL WIDTH</span></a></li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9350"><a href="https://shadebuilders.in/shop/?sidebar_pos=right&#038;col=3"><span>RIGHT SIDEBAR</span></a></li>
		</ul>
</li>
		<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-9352"><a href="#"><span>SHOP FILTER</span></a>
		<ul class="sub-menu">
			<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9408"><a href="https://shadebuilders.in/shop-filter-left-side-bar/"><span>LEFT SIDEBAR</span></a></li>
			<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3657 current_page_item menu-item-9422"><a href="https://shadebuilders.in/shop-filter-right-side-bar/" aria-current="page"><span>RIGHT SIDEBAR</span></a></li>
		</ul>
</li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9414"><a href="https://shadebuilders.in/cart/"><span>SHOP CART</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9415"><a href="https://shadebuilders.in/checkout/"><span>CHECKOUT</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9417"><a href="https://shadebuilders.in/wishlist/"><span>WISHLIST</span></a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9416"><a href="https://shadebuilders.in/my-account/"><span>MY ACCOUNT</span></a></li>
	</ul>
</li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9353"><a href="https://shadebuilders.in/404"><span>404 PAGE</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9428"><a href="https://shadebuilders.in/coming-soon/"><span>COMING SOON</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9431"><a href="https://shadebuilders.in/landing/"><span>LANDING</span></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9418"><a href="https://shadebuilders.in/contacts/"><span>CONTACTS</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9347"><a href="#home"><span>BLOG</span></a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9429"><a href="https://shadebuilders.in/blog-grid/"><span>BLOG GRID</span></a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-9430"><a href="https://shadebuilders.in/california-mansion-residence/"><span>BLOG DETAILS</span></a></li>
</ul>
</li>
</ul>                                </nav>
                            </div>
                        </div>
                        <div class="pxl-header-menu-backdrop"></div>
                    </div>
                </div>
                <div id="pxl-nav-mobile" class="pxl-nav-mobile">
                    <div class="pxl-nav-mobile-button"><span></span><span></span><span></span></div>
                </div>
            </div>
        </div>
    
</header>                <div id="pxl-page-title-elementor">
                    		<div data-elementor-type="wp-post" data-elementor-id="36" class="elementor elementor-36">
				        <section class="elementor-section elementor-top-section elementor-element elementor-element-65678e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-show-grid-none pxl-section-bg-none pxl-section-grid-bg-false" data-id="65678e2" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">

                            <div class="elementor-background-overlay"></div>
            
                <div class="elementor-container elementor-column-gap-default ">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8037484 pxl-column-none" data-id="8037484" data-element_type="column">
        <div class="elementor-widget-wrap elementor-element-populated">
                     
        		<div class="elementor-element elementor-element-459df81 elementor-widget__width-auto elementor-widget elementor-widget-pxl_heading" data-id="459df81" data-element_type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					<div class="pxl-heading  ">
	<div class="pxl-heading--inner ">
				<h2 class="pxl-item--title style1 divider-none   " data-wow-delay="ms" data-wow-duration="1.2s">
			Shop Filter Right Side Bar					</h2>
	</div>
</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-18d018e elementor-widget__width-auto elementor-widget elementor-widget-pxl_breadcrumb" data-id="18d018e" data-element_type="widget" data-widget_type="pxl_breadcrumb.default">
				<div class="elementor-widget-container">
					<ul class="pxl-breadcrumb"><li><a class="breadcrumb-entry" data-hover="Home Fourteenth – One Page" href="https://shadebuilders.in/">Home Fourteenth &#8211; One Page</a></li><li><span class="breadcrumb-entry">Shop Filter Right Side Bar</span></li></ul>				</div>
				</div>
		            </div>
        </div>
        			</div>
		</section>
				</div>
		                </div>
                        <div id="pxl-main">
                                                <div class="elementor-container">
    <div class="row pxl-content-wrap no-sidebar">
        <div id="pxl-content-area" class="pxl-content-area pxl-content-page col-12">
            <main id="pxl-content-main">
                <article id="pxl-post-3657" class="post-3657 page type-page status-publish hentry">
    <div class="pxl-entry-content clearfix">
        		<div data-elementor-type="wp-page" data-elementor-id="3657" class="elementor elementor-3657">
				<error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;There has been a critical error on this website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Learn more about troubleshooting WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
