.elementor-217 .elementor-element.elementor-element-62e154c{--display:grid;--e-con-grid-template-columns:25% 75%;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-217 .elementor-element.elementor-element-db85f17{--display:flex;border-style:none;--border-style:none;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-217 .elementor-element.elementor-element-2e0c37c .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:500;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-217 .elementor-element.elementor-element-60887eb{--grid-columns:1;width:100%;max-width:100%;}.elementor-217 .elementor-element.elementor-element-b0dd5ff{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;--padding-top:0px;--padding-bottom:20px;--padding-left:40px;--padding-right:20px;}.elementor-217 .elementor-element.elementor-element-15d1af8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-217 .elementor-element.elementor-element-62a8e69{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-217 .elementor-element.elementor-element-c3cdcf1 > .elementor-widget-container{background-color:var( --e-global-color-secondary );}.elementor-217 .elementor-element.elementor-element-c3cdcf1 .elementor-icon-wrapper{text-align:center;}.elementor-217 .elementor-element.elementor-element-c3cdcf1 .elementor-icon{font-size:30px;}.elementor-217 .elementor-element.elementor-element-c3cdcf1 .elementor-icon svg{height:30px;}.elementor-217 .elementor-element.elementor-element-c3cdcf1 .elementor-icon-wrapper svg{width:auto;}.elementor-217 .elementor-element.elementor-element-2bf974e > .elementor-widget-container{background-color:var( --e-global-color-b022f0b );}.elementor-217 .elementor-element.elementor-element-2bf974e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-217 .elementor-element.elementor-element-2bf974e .elementor-icon-wrapper{text-align:center;}.elementor-217 .elementor-element.elementor-element-2bf974e.elementor-view-stacked .elementor-icon{background-color:#3B2610FC;}.elementor-217 .elementor-element.elementor-element-2bf974e.elementor-view-framed .elementor-icon, .elementor-217 .elementor-element.elementor-element-2bf974e.elementor-view-default .elementor-icon{color:#3B2610FC;border-color:#3B2610FC;}.elementor-217 .elementor-element.elementor-element-2bf974e.elementor-view-framed .elementor-icon, .elementor-217 .elementor-element.elementor-element-2bf974e.elementor-view-default .elementor-icon svg{fill:#3B2610FC;}.elementor-217 .elementor-element.elementor-element-2bf974e .elementor-icon{font-size:30px;}.elementor-217 .elementor-element.elementor-element-2bf974e .elementor-icon svg{height:30px;}.elementor-217 .elementor-element.elementor-element-b6e7fab > .elementor-widget-container{background-color:var( --e-global-color-secondary );}.elementor-217 .elementor-element.elementor-element-b6e7fab .elementor-icon-wrapper{text-align:center;}.elementor-217 .elementor-element.elementor-element-b6e7fab .elementor-icon{font-size:30px;}.elementor-217 .elementor-element.elementor-element-b6e7fab .elementor-icon svg{height:30px;}.elementor-217 .elementor-element.elementor-element-b6e7fab .elementor-icon-wrapper svg{width:auto;}.elementor-217 .elementor-element.elementor-element-03c1f8e{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-217 .elementor-element.elementor-element-185994f{--grid-columns:3;}.elementor-217 .elementor-element.elementor-element-185994f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-217 .elementor-element.elementor-element-185994f .e-loop-item > .elementor-section, .elementor-217 .elementor-element.elementor-element-185994f .e-loop-item > .elementor-section > .elementor-container, .elementor-217 .elementor-element.elementor-element-185994f .e-loop-item > .e-con, .elementor-217 .elementor-element.elementor-element-185994f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-217 .elementor-element.elementor-element-a361ca1{width:100%;max-width:100%;}.elementor-217 .elementor-element.elementor-element-a361ca1.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-217 .elementor-element.elementor-element-62e154c{--grid-auto-flow:row;}.elementor-217 .elementor-element.elementor-element-60887eb{--grid-columns:2;}.elementor-217 .elementor-element.elementor-element-15d1af8{--grid-auto-flow:row;}.elementor-217 .elementor-element.elementor-element-185994f{--grid-columns:2;}}@media(min-width:768px){.elementor-217 .elementor-element.elementor-element-62e154c{--width:92%;}.elementor-217 .elementor-element.elementor-element-db85f17{--width:90%;}}@media(max-width:767px){.elementor-217 .elementor-element.elementor-element-62e154c{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-217 .elementor-element.elementor-element-60887eb{--grid-columns:1;}.elementor-217 .elementor-element.elementor-element-15d1af8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-217 .elementor-element.elementor-element-185994f{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-16a43b5 */.elementor-217 .elementor-element.elementor-element-16a43b5 .wpc-filter-title {
font-family: "Work Sans";
font-size: 24px;
font-weight: 500;
line-height: 34px;
text-align: left;
color: #000;
text-transform: capitalize;
}
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
width: 20px !important;
height: 20px !important;
}
.wpc-filter-product_visibility li#wpc-term-taxonomy-product_visibility-13, .wpc-filter-product_visibility li#wpc-term-taxonomy-product_visibility-14 {
display: block !important;
}
.wpc-filters-range-wrapper:before {
content: '$';
position: relative;
top: 10px !important;
display: block;
left: -6px;
font-size: 20px;
}
.wpc-filter-product_visibility li,.wpc-filters-range-slider-wrapper{
display: none;
}
.wpc-filters-section {
border-bottom: 1px solid;
padding-bottom: 20px;
}
.wpc-filters-widget-wrapper a {
color: #000;
}
.elementor-217 .elementor-element.elementor-element-16a43b5 span.wpc-term-count, .wpc-filters-main-wrap li.wpc-term-item input[type=radio],span.wpc-term-name{
display: none !important;
}
span.wpc-term-swatch-wrapper {
border-radius: 50%;
}
input[type="radio"]:checked + label .wpc-term-swatch-wrapper,.wpc-filter-pa_size input[type="radio"]:checked + label {
border: 2px solid #000;
}
.wpc-filter-pa_size label {
border: 1px solid #000;
padding: 2px;
border-radius: 4px;
}
.wpc-filter-pa_size ul.wpc-filters-ul-list, .wpc-filter-pa_color ul.wpc-filters-ul-list{
display: flex;
gap:5px;

}
.wpc-filters-range-wrapper{
    padding-top: 20px;
}
.wpc-filters-range-wrapper:after {
content: 'The highest price is $130.00';
position: absolute;
top: 36px !important;
display: block;
left: 0px;
font-size: 16px;
}

.elementor-217 .elementor-element.elementor-element-16a43b5 a[title="Blue"] .wpc-term-swatch:before {
    background: blue !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db85f17 */input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
appearance: inner-spin-button;
opacity: 1;
display: block;
}
.wpc-filters-range-wrapper input[type=number]{
    padding: 12px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ee7001a */.elementor-217 .elementor-element.elementor-element-ee7001a{
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b6e7fab */.elementor-217 .elementor-element.elementor-element-b6e7fab{
cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62a8e69 */.elementor-217 .elementor-element.elementor-element-62a8e69 .elementor-icon {
    cursor: pointer;
}

.elementor-217 .elementor-element.elementor-element-62a8e69 .product-layout-icon .elementor-icon-wrapper {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-217 .elementor-element.elementor-element-62a8e69 .product-layout-icon rect {
    fill: #aba495 !important;
}

.elementor-217 .elementor-element.elementor-element-62a8e69 .product-layout-icon.active rect {
    fill: #000 !important;
    fill-opacity: 1 !important;
}

div#shop-products.grid-2 .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2,1fr) !important;
}

/*---list---*/
div#shop-products.list .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(1,1fr) !important;
}

div#shop-products.list .e-loop-item .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
}

div#shop-products.list .e-loop-item .product-content {
    padding: 0 20px;
    justify-content: center;
}

div#shop-products.list .e-loop-item .elementor-heading-title, div#shop-products.list .e-loop-item p.price, div#shop-products.list .e-loop-item .product-gallerys, div#shop-products.list .e-loop-item .elementor-widget-woocommerce-product-title {
    text-align: left !important;
    --align-self: left !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_sorting_widget, class: .elementor-element-65ff15a */.elementor-217 .elementor-element.elementor-element-65ff15a select.wpc-orderby-select {
background: #fff;
border-color: #fff;
border-radius: 15px;
padding: 14px;
appearance: none;
background-image: url(https://sites.punjabcomputercentre.com/sindiobag/wp-content/uploads/2024/05/Vector-1.svg);
background-position: 94% center;
background-repeat: no-repeat;
}
/*select.wpc-orderby-select {*/
/*background: transparent !important;*/
/*border: none !important;*/
/*padding: 0 !important;*/
/*}*/
/*select.wpc-orderby-select {*/
/*    font-weight: 600;*/
/*}*//* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-185994f */.elementor-217 .elementor-element.elementor-element-185994f .product-img div {
    position: relative;
    overflow: hidden;
}

.elementor-217 .elementor-element.elementor-element-185994f .product-img::before {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    transition: 0.3s ease all;
    z-index: 1;
}

.elementor-217 .elementor-element.elementor-element-185994f .product-containers:hover ::before {
    opacity: 1;
}

.elementor-217 .elementor-element.elementor-element-185994f .bg-btn {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a361ca1 */.elementor-217 .elementor-element.elementor-element-a361ca1{
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
width: 100% !important;
}
.elementor-217 .elementor-element.elementor-element-a361ca1 .elementor-widget-container{
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
width: 50% !important;
}
.progress-bar-container {
width: 100%;
background-color: #e0e0e0;
}

#progress-bar {
width: 59.26%; /* (16 / 27) * 100 */
height: 5px;
background-color: #000;
}

#load-more-btn {
margin-top: 10px;
padding: 10px 20px;
background-color: #000;
color: #fff;
border-radius: 50px;
border: none;
cursor: pointer;
position: relative;
text-align: center;
}

/* Spinner CSS */
#load-more-btn .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: -40px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS */.two,.one{
display: none;
}
body{
    background: #F9F4E8;
}/* End custom CSS */