@charset "UTF-8"; .list {padding: 4.25rem 0 4.5rem; } .list .list-header {margin-bottom: 2.25rem;text-align: center; } .list .title {margin: 0;color: var(--body-color);font-size: 2.125rem;font-weight: 900;line-height: 1.15; } .list .row-card {align-items: stretch;justify-content: flex-start;margin-right: -0.75rem;margin-left: -0.75rem; } .list .col-card {display: flex;margin-bottom: 3rem;padding-right: 0.75rem;padding-left: 0.75rem; } .list .list-card {display: flex;flex-direction: column;width: 100%;min-height: 26.75rem;overflow: hidden;border: 0;border-radius: 0.75rem;background: var(--white);color: inherit;text-decoration: none;box-shadow: none;transition: transform 0.2s ease, box-shadow 0.2s ease; } .list .list-card:hover, .list .list-card:focus {color: inherit;text-decoration: none;transform: translateY(-0.25rem);box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.12); } .list .list-card:hover .list-card-link, .list .list-card:focus .list-card-link {color: var(--primary-hover); } .list .list-card-image {position: relative;aspect-ratio: 1.597826087;border-radius: 0.75rem 0.75rem 0 0;background: transparent; } .list .list-card-image picture, .list .list-card-image .img-fluid {display: block;width: 100%;height: 100%; } .list .list-card-image .img-fluid {object-fit: cover; } .list .list-card-badges {position: absolute;top: 0.75rem;left: 0.75rem;right: 0.75rem;z-index: 2;display: flex;flex-wrap: wrap;gap: 0.375rem; } .list .list-card-badge {display: inline-flex;align-items: center;min-height: 1.5rem;padding: 0.1875rem 0.625rem;border-radius: 62.4375rem;background: var(--white);color: var(--primary);font-size: 0.75rem;font-weight: 800;line-height: 1.2; } .list .card-body {display: flex;flex: 1 1 auto;flex-direction: column;padding: 1.75rem 1.5rem 1.5rem; } .list .card-title {margin: 0 0 0.8125rem;color: var(--body-color);font-size: 1.3125rem;font-weight: 900;line-height: 1.18; } .list .list-card-meta {display: flex;flex-wrap: wrap;gap: 0.5rem 0.875rem;margin: -0.125rem 0 0.875rem;color: var(--primary);font-size: 0.875rem;font-weight: 800;line-height: 1.35; } .list .list-card-meta span {position: relative; } .list .list-card-meta span + span::before {content: "";position: absolute;top: 50%;left: -0.5rem;width: 0.25rem;height: 0.25rem;border-radius: 50%;background: rgba(0, 80, 143, 0.35);transform: translateY(-50%); } .list .card-text {margin: 0 0 1.375rem;color: rgba(17, 24, 39, 0.66);font-size: 0.9375rem;font-weight: 500;line-height: 1.55; } .list .list-card-link {display: inline-flex;align-items: center;margin-top: auto;color: var(--primary);font-size: 0.9375rem;font-weight: 800;line-height: 1.2; } .list .list-card-link::after {content: "→";margin-left: 0.875rem;font-size: 1.25rem;line-height: 1; } .list.list-calibration_fields .list-header {margin-bottom: 2.125rem; } .list .list-calibration-grid {display: grid;grid-auto-rows: minmax(11rem, auto);grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1rem; } .list .list-calibration-card {display: flex;flex-direction: column;justify-content: flex-start;min-width: 0;min-height: 0;padding: 1.75rem;overflow: hidden;border: 1px solid rgba(17, 24, 39, 0.08);border-radius: 0.75rem;background: var(--white);color: var(--body-color);text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease; } .list .list-calibration-card:hover, .list .list-calibration-card:focus {color: var(--body-color);text-decoration: none;transform: translateY(-0.1875rem);box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.1); } .list .list-calibration-card-1 {grid-column: 1/span 2;grid-row: 1;background: var(--primary);color: var(--white); } .list .list-calibration-card-1 .list-calibration-text {color: rgba(255, 255, 255, 0.68); } .list .list-calibration-card-3 {grid-column: 4;grid-row: 1/span 2; } .list .list-calibration-card-8 {grid-column: 2/span 2;grid-row: 3;background: #002b4b;color: var(--white); } .list .list-calibration-card-8 .list-calibration-text {color: rgba(255, 255, 255, 0.68); } .list .list-calibration-card-9 {grid-column: 4;grid-row: 3/span 2;background: var(--primary);color: var(--white); } .list .list-calibration-card-9 .list-calibration-text {color: rgba(255, 255, 255, 0.68); } .list .list-calibration-card-5, .list .list-calibration-card-11 {background: #eaf1f8; } .list .list-calibration-card-11, .list .list-calibration-card-13 {grid-column: 2/span 2; } .list .list-calibration-icon {flex: 0 0 auto;width: 3.5rem;height: 3.5rem;overflow: hidden;color: currentColor; } .list .list-calibration-icon picture, .list .list-calibration-icon .img-fluid {display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%; } .list .list-calibration-icon .img-fluid {object-fit: contain; } .list .list-calibration-content {margin-top: auto; } .list .list-calibration-title {margin: 1.125rem 0 0.625rem;color: currentColor;font-size: 1.5rem;font-weight: 900;line-height: 1.12; } .list .list-calibration-text {margin: 0;color: rgba(17, 24, 39, 0.55);font-size: 0.9375rem;font-weight: 500;line-height: 1.45; } @media (max-width: 991.98px) {.list {padding: 3.25rem 0 3.5rem;}.list .list-card {min-height: 24.375rem;}.list .list-calibration-grid {grid-auto-rows: minmax(10rem, auto);grid-template-columns: repeat(2, minmax(0, 1fr));}.list .list-calibration-card,.list .list-calibration-card-1,.list .list-calibration-card-3,.list .list-calibration-card-8,.list .list-calibration-card-9,.list .list-calibration-card-11,.list .list-calibration-card-13 {grid-column: auto;grid-row: auto;} } .main > .container:first-child > .list:first-child, .main > .list:first-child {padding-top: 1.5rem; } @media (max-width: 575.98px) {.list {padding: 2.625rem 0 2.875rem;}.list .list-header {margin-bottom: 1.625rem;text-align: left;}.list .title {font-size: 1.75rem;}.list .col-card {margin-bottom: 1.75rem;}.list .list-card {min-height: 0;}.list .list-calibration-grid {gap: 0.75rem;grid-auto-rows: minmax(9.375rem, auto);}.list .list-calibration-card {padding: 1.25rem;}.list .list-calibration-icon {width: 2.625rem;height: 2.625rem;}.list .list-calibration-title {font-size: 1.1875rem;}.list .list-calibration-text {font-size: 0.8125rem;} }