.touch-points-container{padding:50px 30px}.touch-points-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr}.flip-card{aspect-ratio:1/1;width:100%}.flip-card-inner{height:100%;position:relative;width:100%}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;inset:0;position:absolute;width:100%}.flip-card-front{background:#a61932;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;opacity:1;padding:30px;position:absolute;transform:scaleX(1);transition:.8s;width:100%;z-index:2}.flip-card-front.card-color-green{background:#458b78}.flip-card-front.card-color-red{background:#a61932}.flip-card-front.card-color-blue{background:#0090e2}.flip-card-front.card-color-yellow{background:#f2a900}.flip-card-back{overflow:hidden;position:relative;transition:transform .7s ease}.flip-card-back img{display:block;height:100%;object-fit:cover;width:100%}.flip-card:hover .flip-card-front{opacity:0;transform:scaleX(-1)}.touch-points-container .heading-h2{margin-bottom:30px}.touch-points-grid .flip-card .flip-card-front h3{font-family:BebasNeue;font-size:45px;font-weight:400;line-height:1;max-width:95%;width:100%}.touch-points-grid .flip-card .flip-card-front .arrow{display:block;margin-bottom:20px}@media(max-width:1280px){.touch-points-grid .flip-card .flip-card-front h3{font-size:35px}.touch-points-grid{gap:15px}.flip-card-front{padding:15px}}@media(max-width:991px){.touch-points-container{padding:40px 15px}.touch-points-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.touch-points-grid{grid-template-columns:1fr;row-gap:10px}.touch-points-grid .flip-card .flip-card-front h3{font-size:24px}.touch-points-grid .flip-card{aspect-ratio:unset}.touch-points-grid .flip-card-back img{height:165px}.touch-points-grid .flip-card .flip-card-front .arrow{margin-bottom:10px}}