.section.links {background: var(--light); } @media (max-width: 575.98px) {.section.links {padding-top: 0.9375rem;} } .section.links h1 {font-size: 2.75rem;text-transform: uppercase;font-weight: 900; } @media (max-width: 575.98px) {.section.links h1 {font-size: 2rem;padding: 0.625rem 0;} } .section.links .grid {display: grid;grid-template-areas: "grid-item-1 grid-item-1 grid-item-4 grid-item-5" "grid-item-2 grid-item-3 grid-item-4 grid-item-6";gap: 0.625rem;margin-bottom: 3.125rem;padding: 0.9375rem; } @media (max-width: 991.98px) {.section.links .grid {grid-template-areas: "grid-item-1 grid-item-2" "grid-item-3 grid-item-4" "grid-item-5 grid-item-6";} } @media (max-width: 767.98px) {.section.links .grid {grid-template-areas: "grid-item-1" "grid-item-2" "grid-item-3" "grid-item-4" "grid-item-5" "grid-item-6";} } .section.links .grid .grid-item-1 {grid-area: grid-item-1; } .section.links .grid .grid-item-2 {grid-area: grid-item-2; } .section.links .grid .grid-item-3 {grid-area: grid-item-3; } .section.links .grid .grid-item-4 {grid-area: grid-item-4; } .section.links .grid .grid-item-5 {grid-area: grid-item-5; } .section.links .grid .grid-item-6 {grid-area: grid-item-6; } .section.links .grid .grid-item-7 {grid-area: grid-item-7; } .section.links .grid .card {min-height: 25.4375rem;position: relative;padding: 0;border: 0;box-shadow: none;overflow: hidden; } .section.links .grid .card:hover .card-img-top {transform: scale(1.1);transition: transform 0.5s; } .section.links .grid .card:hover {text-decoration: none; } .section.links .grid .card .card-img-top {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: all 0.5s; } .section.links .grid .card svg {position: absolute;top: 0.9375rem;right: 0.9375rem;color: var(--white);width: 2.25rem;height: 2.25rem; } .section.links .grid .card .card-body {padding: 0.9375rem;background: transparent; } .section.links .grid .card .card-body .card-content {background: var(--color4);backdrop-filter: blur(10px) brightness(1.5);width: 100%;padding: 0.9375rem;margin-top: auto; } .section.links .grid .card .card-body .card-title {color: var(--color1); } .section.links .grid .card .card-body .card-text {color: var(--white); }