.products{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}
.product{border-bottom:1px solid #d2dce5;padding:20px 0;display:flex;justify-content:space-between;font-weight:bold;transition:padding-left .3s ease,color .3s ease,border-color .3s ease;color: #142d48;font-size: clamp(14px, 0.83vw, 16px);}
.product span{transition:transform .3s ease}
.product:hover{padding-left:12px;color:#143e68;border-bottom-color:#edc634}
.product:hover span{transform:translate(4px,-4px)}


@media(max-width:991px){
  .products{grid-template-columns: repeat(2, 1fr);gap:20px}
}

@media(max-width:576px){
  .products{grid-template-columns:1fr;gap:15px}
  .product {padding: 10px 0;}
}