.main-card-wrapper{margin-top:1rem;margin-bottom:5rem}.main-card-wrapper h1{text-align:center;color:var(--primary-color);margin:2rem 0;font-style:italic;font-weight:500;font-size:1.44rem}.main-card-wrapper .grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.main-card-wrapper .grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.main-card-wrapper .grid{grid-template-columns:repeat(3,1fr)}}.main-card-wrapper .card{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid var(--shade);cursor:pointer;border-radius:.5rem;overflow:hidden;transition:transform .3s ease-in-out}.main-card-wrapper .card .category-image{width:100%;height:16rem;object-fit:cover}.main-card-wrapper .card h3{padding:1rem 1rem 0;font-size:1.5rem}.main-card-wrapper .card .card-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem 1rem}.main-card-wrapper .card .card-footer p{color:gray;font-size:.875rem;transition:color .3s}.main-card-wrapper .card .card-footer .arrow-icon{color:gray;transition:color .3s}.main-card-wrapper .card:hover .card-footer .arrow-icon,.main-card-wrapper .card:hover .card-footer p{color:var(--primary-color)}