.cards-section{padding:60px 0 80px}.hovereffect{display:flex;width:100%;justify-content:center;flex-wrap:wrap;gap:20px;padding-top:70px}.heros{display:flex;flex-direction:column;gap:20px}.heros h1{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);overflow-wrap:anywhere;line-height:1.5;text-align:center}.heros p{text-align:center}.card{width:100%;height:auto;padding:0;position:relative;display:flex;align-items:flex-end;box-shadow:0 7px 10px #7b767680;transition:.5s ease-in-out;overflow:hidden;border-radius:8px}.card:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#000c);z-index:2;transition:.5s all;opacity:0}.card:hover:before{opacity:1}.card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:.5s all}.card:hover img{transform:scale(1.05)}.card .home{position:relative;z-index:3;color:#fff;opacity:0;transform:translateY(30px);transition:.5s all;padding:20px;width:100%}.card:hover .home{opacity:1;transform:translateY(0)}.card .home h1{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);overflow-wrap:anywhere;font-size:var(--text-h3);line-height:1.5}.card .home p{letter-spacing:.5px;font-size:16px;margin-top:8px;margin-bottom:20px}.card .home .xyz{display:inline-block;text-decoration:none;padding:.5rem 1rem;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:.4s ease-in-out;border-radius:4px}.card .home .xyz:hover{box-shadow:0 7px 10px #00000080;background:#f0f0f0}.heros-p{font-weight:400;text-align:center;font-size:16px}@media screen and (min-width: 1024px){.heros .h1{font-size:24px}.heros-p{font-size:14px}.card .home h1{font-size:24px}.card .home p{font-size:14px}}@media screen and (min-width: 576px){.card{width:calc(50% - 20px);max-width:450px}}@media screen and (min-width: 992px){.card{width:calc(33.33% - 20px);height:550px}}@media screen and (max-width: 575px){.cards-section{padding:30px 0}.card{margin-bottom:15px}.card .home h1{font-size:22px}.card .home p{font-size:14px}.hovereffect{padding:50px 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/card-hover.css.map */