.cardsContainer{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(270deg,#ff0068,#00223d);background-size:400% 400%;animation:gradientBG 20s ease infinite;padding-top:10%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.signature-products{padding:2em}.signature-products h1{text-align:center;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1em;color:#fff}.grid{display:grid;grid-template-columns:1fr;gap:1.5em}@media (min-width: 576px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.grid{grid-template-columns:repeat(4,1fr)}}.cardd{background:#fff;border-radius:20px;padding:20px;text-align:center;color:#000;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;opacity:0;transform:translateY(20px)}.cardd div{width:60%;max-height:60%;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto 20px}.cardd p{font-size:clamp(.9rem,1vw + .5rem,1.2rem);line-height:1.6;padding:0 10px;text-align:justify;-moz-text-align-last:center;text-align-last:center;margin:0}.cardd:hover{box-shadow:0 4px 15px #0003}.cardd{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow:hidden;border-radius:20px;background:#fff;padding:1em;transition:transform .3s ease,box-shadow .3s ease;opacity:1;transform:translateY(20px);box-sizing:border-box}.cardd.visible{opacity:1;transform:translateY(0)}.cardd div,.cardd p{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain;position:absolute;text-align:center;transition:opacity .3s ease;z-index:1;margin:auto}.cardd div{opacity:1}.cardd p{opacity:0;color:#fff;font-size:clamp(.9rem,1vw + .5rem,1.1rem);padding:0 1em;line-height:1.4;text-align:left;-moz-text-align-last:auto;text-align-last:auto}.cardd:before{content:"";position:absolute;width:100%;height:100%;background:#00223d;top:100%;left:0;z-index:0;transition:top .3s ease}.cardd:hover:before{top:0}.cardd:hover div{opacity:0}.cardd:hover p{opacity:1}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1em;padding:.5em}.cardd{width:360px;height:360px;margin:0}.cardd img{width:70%;max-height:70%;-o-object-fit:contain;object-fit:contain}