.elementor-2215 .elementor-element.elementor-element-125d160{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-2215 .elementor-element.elementor-element-2c38b88 .hoa-po{gap:56px;}.elementor-2215 .elementor-element.elementor-element-7371f75{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2215 .elementor-element.elementor-element-24622f8 .hoa-related__list{--hoa-rcols:4;}@media(max-width:1024px){.elementor-2215 .elementor-element.elementor-element-24622f8 .hoa-related__list{--hoa-rcols:3;}}@media(max-width:767px){.elementor-2215 .elementor-element.elementor-element-24622f8 .hoa-related__list{--hoa-rcols:2;}}/* Start custom CSS for hoa-related-products, class: .elementor-element-24622f8 *//* HOA Product Card - Image Hover */

.hoa-product-card__media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

/* Both images occupy exactly the same space */
.hoa-product-card__media .hoa-img--main,
.hoa-product-card__media .hoa-img--hover {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.35s ease;
}

/* Hover image sits on top of featured image */
.hoa-product-card__media .hoa-img--hover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}

/* Hover */
.hoa-product-card:hover .hoa-img--hover {
    opacity: 1;
    visibility: visible;
}

.hoa-product-card:hover .hoa-img--main {
    opacity: 0;
}/* End custom CSS */