.gna-transformation-cards{overflow-x:auto;overflow-y:hidden;padding:4rem 0;font-family:Roboto;box-sizing:border-box;grid-auto-columns:1fr;grid-auto-flow:column;scroll-snap-type:x mandatory;gap:1rem;display:grid}.gna-transformation-cards::-webkit-scrollbar{height:5px}.gna-transformation-cards::-webkit-scrollbar-track{background:#f6f6f6}.gna-transformation-cards::-webkit-scrollbar-thumb{background:#dedede}.gna-transformation-cards .card{min-width:300px;scroll-snap-align:center;border-radius:0 0 1rem 1rem;display:flex;flex-direction:column;position:relative}.gna-transformation-cards .arrow{position:absolute;bottom:-57px;width:130px;right:-11px}.gna-transformation-cards .arrow.top{bottom:auto;top:-57px}.gna-transformation-cards .card .img-container{aspect-ratio:1 / 1;position:relative;display:grid;margin:0 0 1rem;align-items:flex-end;overflow:hidden}.gna-transformation-cards .card .img-container div{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgb(0 0 0 / 70%) 100%)}.gna-transformation-cards .card .img-container img{object-fit:cover;position:absolute;inset:0;transition:scale 1s ease-in-out;width:100%;height:100%}.gna-transformation-cards .card .img-container h3{position:relative;color:#fff;font-size:25px;font-weight:400;margin:15px 30px}.gna-transformation-cards .card .img-container h3 span{font-family:BetterTimesforbp;font-size:265%;display:inline-block;position:relative}.gna-transformation-cards .card .img-container h3 span img{position:absolute;transform:scale(1.3) translateY(10px);fill:#cf0;width:100%;height:auto}.gna-transformation-cards .card-body{display:grid;align-content:space-between;flex:1;gap:1rem}.gna-transformation-cards .card-body p{font-size:1.1rem;line-height:1.3;color:#444;margin:0}.gna-transformation-cards .card a{appearance:none;text-decoration:none;display:block;text-align:center;font-size:1.1rem;background:#fff;border:1px solid rgba(0,127,0,.5);color:#252530;padding:.5rem 1rem;border-radius:999px;transition:color .2s,border .2s}.gna-transformation-cards .card a:hover{border:1px solid rgba(0,127,0,.3);color:#666}.gna-transformation-cards .card.accent{background:#007f00}.gna-transformation-cards .card.accent .card-body{padding:0 1rem 1rem}.gna-transformation-cards .card.accent .card-body p{color:#fff}.gna-transformation-cards .card:has(a:hover) .img-container>img{scale:1.1}