.mnt-cards-with-links { display: flex; gap: 24px; background-color: #ffffff; padding: 16px 96px; max-width: 1440px; margin: 0 auto; } .mnt-card img { opacity: 0.9; } .mnt-cards-with-links .mnt-card h2 { margin-bottom: 16px; font-size: 32px; font-weight: 400; line-height: 40px; color: #000000; } .mnt-card-links-container { list-style: none; display: flex; flex-direction: column; row-gap: 16px; } .mnt-card-links-container li { display: flex; align-items: start; gap: 8px; } .mnt-card-links-container li a { text-decoration: none; font-size: 18px; font-weight: 400; line-height: 26px; color: #000000; } .mnt-card-links-container li a:hover { text-decoration: underline; } .mnt-card-links-container li img { padding-top: 4px; } .mnt-cards-with-links .mnt-card { flex: 1; align-items: center; border-radius: 12px; border: 0.5px solid #f6f4f5; background: #fff; padding: 32px; box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12); } .mnt-cards-with-links .mnt-card .mnt-card-chevron-down { display: none; } @media only screen and (max-width: 1024px) { .mnt-cards-with-links { display: flex; flex-direction: column; } .mnt-cards-with-links { padding: 24px 20px; row-gap: 16px; } .mnt-card-links-container { display: none; margin-top: 16px; } .mnt-cards-with-links .mnt-card { display: flex; align-items: start; flex-direction: column; cursor: pointer; padding: 16px 24px; width: 100%; border-radius: 16px; } .mnt-cards-with-links .mnt-card h2 { margin-bottom: 0; font-size: 18px; font-weight: 400; line-height: 26px; } .mnt-cards-with-links .mnt-card .mnt-card-chevron-down { display: block; } .mnt-card-title-container { display: flex; width: 100%; justify-content: space-between; } }