.new-body{font-family:Roboto,sans-serif}.container{display:flex;gap:150px;max-width:1400px;width:100%;justify-content:center;flex-wrap:wrap}.group{display:flex;flex-direction:column;align-items:center}.group-title { font-size: 2.2rem; color: #2a2a2a; margin-bottom: 25px; font-weight: 600; line-height: 1.3; }.cards-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}section.hero-new { background: #faf8f3; padding-top: 85px; } .card{background-color: #fff; font-weight: 500; width: 110px; height: 110px; border-radius: 12px; display: flex; justify-content: center; align-items: center; text-align: center; transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 14px; color: #161513; line-height: 1.4; padding: 15px; border: 1px solid rgba(63, 58, 54, .2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);}.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,0.12);cursor:pointer}@media(max-width:1100px){.container{gap:40px;flex-direction:column;align-items:center}.group-title{margin-bottom:20px}}