.elementor-1648 .elementor-element.elementor-element-854ad4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-854ad4a:not(.elementor-motion-effects-element-type-background), .elementor-1648 .elementor-element.elementor-element-854ad4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://site.zuricode.com/dhf/wp-content/uploads/2024/06/Shop-banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1648 .elementor-element.elementor-element-854ad4a, .elementor-1648 .elementor-element.elementor-element-854ad4a::before{--border-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-616a39c{--display:flex;--gap:6px 6px;--background-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-4e63a27{text-align:left;}.elementor-1648 .elementor-element.elementor-element-c9661f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-c9661f7:not(.elementor-motion-effects-element-type-background), .elementor-1648 .elementor-element.elementor-element-c9661f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1648 .elementor-element.elementor-element-c9661f7, .elementor-1648 .elementor-element.elementor-element-c9661f7::before{--border-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-77b5765 .elementor-heading-title{color:var( --e-global-color-accent );font-family:"Hobo", Sans-serif;font-size:34px;font-weight:600;}.elementor-1648 .elementor-element.elementor-element-f386d09 .elementor-heading-title{color:#58595B;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1648 .elementor-element.elementor-element-f386d09 > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-1648 .elementor-element.elementor-element-e2fa48c{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1648 .elementor-element.elementor-element-2c28590{--grid-columns:3;--grid-column-gap:40px;--grid-row-gap:60px;}.elementor-1648 .elementor-element.elementor-element-d9267d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1648 .elementor-element.elementor-element-1a2113b > .elementor-widget-container{margin:0px 0px 0px 0px;--e-transform-translateX:60px;}.elementor-1648 .elementor-element.elementor-element-1a2113b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1648 .elementor-element.elementor-element-5d2d910{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-5d2d910:not(.elementor-motion-effects-element-type-background), .elementor-1648 .elementor-element.elementor-element-5d2d910 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1648 .elementor-element.elementor-element-5d2d910, .elementor-1648 .elementor-element.elementor-element-5d2d910::before{--border-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-5d2d910 > .elementor-shape-top svg, .elementor-1648 .elementor-element.elementor-element-5d2d910 > .e-con-inner > .elementor-shape-top svg{height:65px;transform:translateX(-50%) rotateY(180deg);}.elementor-1648 .elementor-element.elementor-element-f90d313{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-f90d313, .elementor-1648 .elementor-element.elementor-element-f90d313::before{--border-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-b420f82 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;}.elementor-1648 .elementor-element.elementor-element-b420f82 > .elementor-widget-container{margin:0px 0px -12px 0px;}.elementor-1648 .elementor-element.elementor-element-44508e1 .elementor-heading-title{font-family:"Hobo", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-1648 .elementor-element.elementor-element-44508e1{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1648 .elementor-element.elementor-element-a468f2a{color:var( --e-global-color-076b65f );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;line-height:1.6em;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1648 .elementor-element.elementor-element-a468f2a > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-1648 .elementor-element.elementor-element-f0e26c2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1648 .elementor-element.elementor-element-f0e26c2 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1648 .elementor-element.elementor-element-f0e26c2 .elementor-button{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:var( --e-global-color-22814e7 );border-radius:35px 35px 35px 35px;padding:10px 20px 10px 20px;}.elementor-1648 .elementor-element.elementor-element-f0e26c2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1648 .elementor-element.elementor-element-fcc4995{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-fcc4995, .elementor-1648 .elementor-element.elementor-element-fcc4995::before{--border-transition:0.3s;}.elementor-1648 .elementor-element.elementor-element-1c917a2 img{height:300px;object-fit:cover;object-position:center center;}@media(max-width:1024px){.elementor-1648 .elementor-element.elementor-element-854ad4a{--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1648 .elementor-element.elementor-element-616a39c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-4e63a27{text-align:left;}.elementor-1648 .elementor-element.elementor-element-4e63a27 img{width:75%;}.elementor-1648 .elementor-element.elementor-element-c9661f7{--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1648 .elementor-element.elementor-element-77b5765 .elementor-heading-title{font-size:32px;}.elementor-1648 .elementor-element.elementor-element-f386d09 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-1648 .elementor-element.elementor-element-e2fa48c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1648 .elementor-element.elementor-element-2c28590{--grid-columns:3;--grid-column-gap:20px;--grid-row-gap:40px;}.elementor-1648 .elementor-element.elementor-element-d9267d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-5d2d910 > .elementor-shape-top svg, .elementor-1648 .elementor-element.elementor-element-5d2d910 > .e-con-inner > .elementor-shape-top svg{height:45px;}.elementor-1648 .elementor-element.elementor-element-5d2d910{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1648 .elementor-element.elementor-element-f90d313{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-b420f82 .elementor-heading-title{font-size:18px;}.elementor-1648 .elementor-element.elementor-element-44508e1 .elementor-heading-title{font-size:32px;}.elementor-1648 .elementor-element.elementor-element-44508e1{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1648 .elementor-element.elementor-element-a468f2a{font-size:15px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(max-width:767px){.elementor-1648 .elementor-element.elementor-element-854ad4a{--padding-top:80px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-1648 .elementor-element.elementor-element-4e63a27{text-align:left;}.elementor-1648 .elementor-element.elementor-element-4e63a27 img{width:60%;}.elementor-1648 .elementor-element.elementor-element-77b5765{text-align:center;}.elementor-1648 .elementor-element.elementor-element-77b5765 .elementor-heading-title{font-size:28px;}.elementor-1648 .elementor-element.elementor-element-f386d09 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-1648 .elementor-element.elementor-element-e2fa48c{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-2c28590{--grid-columns:1;}.elementor-1648 .elementor-element.elementor-element-d9267d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1648 .elementor-element.elementor-element-1a2113b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1648 .elementor-element.elementor-element-1a2113b > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-1648 .elementor-element.elementor-element-5d2d910 > .elementor-shape-top svg, .elementor-1648 .elementor-element.elementor-element-5d2d910 > .e-con-inner > .elementor-shape-top svg{height:30px;}.elementor-1648 .elementor-element.elementor-element-5d2d910{--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-1648 .elementor-element.elementor-element-f90d313{--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-44508e1 .elementor-heading-title{font-size:28px;}.elementor-1648 .elementor-element.elementor-element-44508e1{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-1648 .elementor-element.elementor-element-a468f2a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1648 .elementor-element.elementor-element-f0e26c2 .elementor-button{font-size:14px;}.elementor-1648 .elementor-element.elementor-element-fcc4995{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1648 .elementor-element.elementor-element-1c917a2 img{height:260px;}}@media(min-width:768px){.elementor-1648 .elementor-element.elementor-element-616a39c{--width:42%;}.elementor-1648 .elementor-element.elementor-element-f90d313{--width:50%;}.elementor-1648 .elementor-element.elementor-element-fcc4995{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1648 .elementor-element.elementor-element-616a39c{--width:50%;}.elementor-1648 .elementor-element.elementor-element-e2fa48c{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a2113b */.wpfMainWrapper {
    display: flex;
    align-items: center; 
}

/* dropdown select */
.wpfFilterWrapper select {
    max-width: 400px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    font-family: Poppins, sans-serif;
}



/* Hide original button text and adjust position */
.wpfFilterButton {
    color: transparent; 
    position: relative;
    overflow: hidden; 
    margin-left: -6px !important;
}

/* pseudo-element "Sort" text */
.wpfFilterButton::after {
    content: 'Sort';
    display: block;
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    color: #6559A1; 
    font-family: 'Poppins', sans-serif; 
    font-size: 16px; 
    z-index: 1; 
    text-transform: capitalize;
}

.wpfFilterButton {
    background-color: none; 
    padding: 2px 2px !important; 
    border: none;
    border-radius: 25px; 
    cursor: pointer;
   
}
.wpfFilterButton:hover{
    background-color: white;
}

.wpfFilterButton:hover::after {
    background-color: #fff; 
    color: #F0C950; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f0e26c2 */#shopbtton .elementor-button-icon svg {
    width: 16px;
    height: 16px; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hobo';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://site.zuricode.com/dhf/wp-content/uploads/2024/05/hobo.ttf') format('truetype');
}
/* End Custom Fonts CSS */