.elementor-1797 .elementor-element.elementor-element-9fe699a{--display:flex;--min-height:400px;--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:space-between;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1797 .elementor-element.elementor-element-f9f994a > .elementor-widget-container{margin:-15px 0px 0px -5px;padding:0px 0px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-f9f994a{z-index:2;}.elementor-1797 .elementor-element.elementor-element-f9f994a .jet-woo-builder-archive-category-title{font-family:"GT-America-Compressed-Bold", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;line-height:40px;color:#FFFFFF;text-align:left;}.elementor-1797 .elementor-element.elementor-element-37e168e > .elementor-widget-container:hover{--e-transform-rotateZ:4deg;--e-transform-rotateX:0deg;--e-transform-perspective:6px;--e-transform-scale:1.1;}.elementor-1797 .elementor-element.elementor-element-37e168e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-1797 .elementor-element.elementor-element-37e168e{left:0px;}body.rtl .elementor-1797 .elementor-element.elementor-element-37e168e{right:0px;}.elementor-1797 .elementor-element.elementor-element-37e168e{top:0px;z-index:1;--e-transform-transition-duration:1000ms;}@media(max-width:767px){.elementor-1797 .elementor-element.elementor-element-9fe699a{--width:300px;}.elementor-1797 .elementor-element.elementor-element-f9f994a > .elementor-widget-container{margin:-30px 0px 0px -12px;}.elementor-1797 .elementor-element.elementor-element-f9f994a .jet-woo-builder-archive-category-title{font-size:15px;}}@media(min-width:768px){.elementor-1797 .elementor-element.elementor-element-9fe699a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-9fe699a */.container {
    position: relative;
    width: 400px;
    height: 400px;
    overflow: hidden; /* Hide the overflow content */
}

.woocommerce img, .woocommerce-page img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio and cover the container */
    transition: transform 0.3s;
}

.woocommerce img:hover, .woocommerce-page img:hover {
    transform: scale(1.1); 
}

.woocommerce img:hover #read_more{
    height: 300px;
}

.container:hover #read_more{
    color: red;
}/* End custom CSS */