.elementor-54 .elementor-element.elementor-element-3b6bb61{--display:flex;--background-transition:0.3s;}.elementor-54 .elementor-element.elementor-element-ceb946d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-54 .elementor-element.elementor-element-8dd6491{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}/* Start custom CSS */.elementor-54 .elementor-element.elementor-element-ceb946d {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --background-transition: 0.3s;
    padding: 0px !important;
}
.wf-wrap {
    max-width: 100%;
    padding: 0 0px !important;
    margin: 0 auto;
}
#main > .wf-wrap,
#bottom-bar > .wf-wrap,
#footer > .wf-wrap {
width: 100vw !important;
}
/* Add this CSS to your stylesheet */

.the7-simple-widget-product-categories a img {
    /* Add your initial styles for the element here */
    transition: transform 0.3s ease; /* Add a smooth transition effect */
}

.the7-simple-widget-product-categories a img:hover {
    transform: scale(1.2); /* Scale the element to 1.1 on hover */
}

a.post-thumbnail-rollover.img-css-resize-wrapper{
    overflow:hidden;
}

a.post-thumbnail-rollover.img-css-resize-wrapper  img{
    transition: all 0.5s !important; 
}

a.post-thumbnail-rollover.img-css-resize-wrapper:hover  img{
    transform: scale(1.1);
}/* End custom CSS */