.elementor-701 .elementor-element.elementor-element-9d76491{--display:flex;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-701 .elementor-element.elementor-element-7f02460.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:0px;}.elementor-701 .elementor-element.elementor-element-7f02460 a > img{border-style:solid;border-width:3px 3px 3px 3px;border-color:#ECECEC;border-radius:360px 360px 360px 360px;}.elementor-701 .elementor-element.elementor-element-7f02460 .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-701 .elementor-element.elementor-element-7f02460 a > img{margin-bottom:-10px;}}/* Start custom CSS for wc-categories, class: .elementor-element-7f02460 *//* Desktop Hover Effect */
@media (min-width: 1025px) {

    ./* Make the li a positioning context */
.maincat li.product {
    position: relative;
}

/* Category Circle */
.maincat li.product a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 50% !important;
    margin: 5px auto 5px;
}

/* Category Image */
.maincat li.product img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: none;
    box-shadow: none;
    transform: scale(1.1);
    transition: transform .45s ease, filter .45s ease;
}

/* Category Title - Always Visible */
.maincat li.product .woocommerce-loop-category__title,
.maincat li.product h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    opacity: 1;
    z-index: 2;
    pointer-events: none;
    color: white !important;
}

/* Hide Product Count */
.maincat li.product .count {
    display: none;
}

/* Desktop Hover Only */
@media (min-width: 1025px) {

    .maincat li.product:hover img {
        transform: scale(1.18);
        filter: brightness(0.65);
    }

}
}/* End custom CSS */