.guides {max-width: 120rem;margin: 0 auto 3.1875rem;text-align: center; } .guides .guides-title {margin: 0 0 0.5625rem;color: var(--black);font-size: 3rem;font-weight: 800;line-height: 1.25;letter-spacing: 0; } .guides > .container > p {max-width: 44.8125rem;margin: 0 auto 3.625rem;color: rgba(0, 0, 0, 0.6);font-size: 1.25rem;font-weight: 400;line-height: 1.25; } .guides .guides-row {justify-content: center;margin-right: -0.125rem;margin-left: -0.125rem; } .guides .col-card {display: flex;flex: 0 0 25.875rem;max-width: 25.875rem;padding-right: 0.125rem;padding-left: 0.125rem; } .guides .guide-card {display: flex;flex-direction: column;width: 100%;min-height: 22.375rem;padding: 0.5rem;overflow: hidden;border: 0;border-radius: 0.5rem;background: var(--white);color: inherit;text-align: center;text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease; } .guides .guide-card:hover, .guides .guide-card:focus {color: inherit;text-decoration: none;transform: translateY(-0.25rem);box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.14); } .guides .guide-card-visual {position: relative;display: flex;align-items: center;justify-content: center;min-height: 17.5rem;overflow: hidden;border-radius: 0.5rem;background: var(--dark); } .guides .guide-card-visual > picture, .guides .guide-card-visual > img {position: absolute;inset: 0;width: 100%;height: 100%; } .guides .guide-card-visual .img-fluid {width: 100%;height: 100%;object-fit: cover; } .guides .card-body {position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 17.5rem;padding: 2.5625rem 2.625rem 2.1875rem;color: var(--white);text-align: center; } .guides .card-icon {width: 4.5rem;height: 4.5rem;margin-bottom: 1.1875rem; } .guides .card-icon .img-fluid {width: 100%;height: 100%;object-fit: contain; } .guides .card-title {margin: 0 0 1rem;color: var(--white);font-size: 2rem;font-weight: 700;line-height: 1.25;letter-spacing: 0; } .guides .card-text {margin: 0 auto;color: rgba(255, 255, 255, 0.75);font-size: 1rem;font-weight: 400;line-height: 1.2;text-align: center; } .guides .guide-card-footer {display: flex;align-items: center;justify-content: flex-start;min-height: 3.875rem;padding: 0.875rem 1.1875rem 0.5rem; } .guides .guide-card-footer span {color: var(--primary);font-size: 1.5rem;font-weight: 700;line-height: 1.25; } @media (max-width: 1219.98px) {.guides .col-card {flex-basis: 33.333333%;max-width: 33.333333%;}.guides .card-body {padding-right: 1.75rem;padding-left: 1.75rem;}.guides .card-title {font-size: 1.75rem;} } @media (max-width: 991.98px) {.guides .guides-title {font-size: 2.375rem;}.guides > .container > p {margin-bottom: 2.125rem;font-size: 1.125rem;}.guides .guides-row {margin-right: 0;margin-left: 0;}.guides .col-card {flex-basis: 100%;max-width: 25.875rem;margin-right: auto;margin-left: auto;padding-right: 0;padding-left: 0;}.guides .col-card + .col-card {margin-top: 1rem;}.guides .guide-card-visual,.guides .card-body {min-height: 16.25rem;}.guides .card-body {padding: 2.25rem 2.375rem 2rem;}.guides .card-title {margin-bottom: 0.875rem;} }