.elementor-858 .elementor-element.elementor-element-566831b{--display:flex;--min-height:127px;--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:center;--background-transition:0.3s;}.elementor-858 .elementor-element.elementor-element-5443958 .elementor-heading-title{color:#9E0B0F;font-family:"Roboto", Sans-serif;font-size:46px;font-weight:900;}.elementor-858 .elementor-element.elementor-element-6a089fe{--display:flex;--background-transition:0.3s;}.elementor-858 .elementor-element.elementor-element-51dccc8 .ekit_navsearch-button{font-size:20px;margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;width:40px;height:40px;line-height:40px;text-align:center;}.elementor-858 .elementor-element.elementor-element-51dccc8 .ekit_navsearch-button svg{max-width:20px;}/* Start custom CSS for container, class: .elementor-element-6a089fe */.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* Adjust the gap between items as needed */
}

.product {
    position: relative; /* Ensures the zoom effect is contained within the product box */
    overflow: hidden; /* Hides any overflow caused by zooming */
    box-sizing: border-box;
   
    padding: 10px; /* Optional: Add padding inside each product box */
}

.product-image {
    transition: transform 0.3s ease; /* Smooth zoom effect */
}

.product-image img {
    display: block;
    width: 100%; /* Ensure the image fills the container */
    height: auto; /* Maintain aspect ratio */
}

.product:hover .product-image {
    transform: scale(1.1); /* Zoom in by 10% */
}

.product-title{
    text-align: center;
    font-size: 20px;
    font-weight:300 !important;
    
}/* End custom CSS */