.values{padding:70px 20px 80px}.values__header{margin-bottom:40px}.values__cards{display:grid;gap:20px}.values__card{background-color:#346b94;overflow:hidden;position:relative}.values__card:focus .values__card-front,.values__card:hover .values__card-front,.values__card:not(:focus) .values__card-back,.values__card:not(:hover) .values__card-back{opacity:0;pointer-events:none;visibility:hidden;z-index:-1}.values__card:focus .values__card-back,.values__card:hover .values__card-back{opacity:1;visibility:visible;z-index:1}.values__card-back,.values__card-front{min-height:230px;padding:20px 10px;transition:all .3s ease}.values__card-front h3{color:#fff;font-size:24px;margin-bottom:30px}.values__card-back{background-color:#fff;inset:0;overflow-y:auto;position:absolute}.values__card-back,.values__card-back p{font-size:16px;line-height:1.75}.values__card-back :last-child{margin-bottom:0}@media (min-width:501px){.values__header{margin-bottom:60px}.values__cards--2-col,.values__cards--3-col,.values__cards--4-col,.values__cards--5-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.values__cards--3-col,.values__cards--5-col{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.values__cards--4-col{grid-template-columns:repeat(4,1fr)}.values__cards--5-col{grid-template-columns:repeat(5,1fr)}}