.cards{
            display: grid;
            gap: 5.4rem;
            grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
            justify-items: center;
            background-color: #EDEDED;
            padding: 25px 0px;
            margin-bottom: 25px;
}
 .cards .card{
                max-width: 292px;
                width: 292px;
                background-color: #fff;
                padding: 21px 19px;
                box-sizing: border-box;
                border-radius: 10px;
 }
  .cards .card  h3{
                    font-size: 14px;
                    color: #000;
                    font-family: "Museo_Sans_900";
                    margin-bottom: 1rem;
                    margin-top: 0rem;
                }
              .cards .card   img{
                    aspect-ratio: 272 / 315;
                    overflow: hidden;
                    object-fit: cover;
                    max-width: 100%;
                    object-position: center top;
                }
                .cards .card hr{
                    border-top: 3px solid #0B678E;
                    opacity: 1;
                    margin: 1rem 0;
                }
                .cards .card a{
                    font-size: 12px;
                    font-family: "Museo_Sans_500";
                    color: #000;
                    display: block;
                    text-decoration: none;
                    margin: .5rem 0px
                }