.training {padding: 4.5rem 0 5.5rem; } .training .container {max-width: 1242px; } .training .training-card {display: grid;grid-template-columns: minmax(0, 32.5rem) minmax(0, 1fr);gap: 3.5rem;overflow: hidden;border: 1px solid rgba(17, 24, 39, 0.08);border-radius: 1rem;background: var(--white);box-shadow: 0 1.5rem 3.75rem rgba(0, 0, 0, 0.06); } .training .training-card-no-media {grid-template-columns: minmax(0, 1fr);max-width: 61.25rem;margin: 0 auto; } .training .training-card-no-media .training-body {padding: 3.5rem; } .training .training-media {min-height: 35rem;overflow: hidden;background: var(--primary); } .training .training-media picture, .training .training-media .img-fluid {display: block;width: 100%;height: 100%; } .training .training-media .img-fluid {object-fit: cover; } .training .training-body {display: flex;flex-direction: column;min-width: 0;padding: 3.5rem 3.5rem 3.5rem 0; } .training .training-heading {margin-bottom: 2.125rem; } .training .training-kicker {position: relative;display: inline-flex;align-items: center;margin-bottom: 1rem;color: var(--primary);font-size: 0.875rem;font-weight: 800;line-height: 1.2; } .training .training-kicker::before {content: "";width: 2.125rem;height: 0.125rem;margin-right: 0.75rem;background: currentColor; } .training .training-title {max-width: 40.625rem;margin: 0;color: var(--black);font-size: 2.875rem;font-weight: 900;line-height: 1.12; } .training .training-details {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.875rem;margin: 0 0 2.375rem; } .training .training-detail {min-width: 0;padding: 1.125rem 1.125rem 1.25rem;border-radius: 0.75rem;background: #f5f8fb; } .training .training-detail dt {margin-bottom: 0.5rem;color: rgba(17, 24, 39, 0.55);font-size: 0.8125rem;font-weight: 800;line-height: 1.25; } .training .training-detail dd {margin: 0;color: var(--primary);font-size: 1.125rem;font-weight: 900;line-height: 1.25; } .training .training-description {max-width: 45rem;margin-bottom: 2.5rem; } .training .training-description h2, .training .training-description h3 {margin-top: 0;color: var(--black);font-weight: 900; } .training .training-description p {color: rgba(17, 24, 39, 0.68);font-size: 1.0625rem;line-height: 1.65; } .training .training-description ul {display: grid;gap: 0.75rem;margin: 1.5rem 0;padding: 0;list-style: none; } .training .training-description li {position: relative;padding-left: 1.875rem;color: rgba(17, 24, 39, 0.76);font-size: 1rem;font-weight: 600;line-height: 1.5; } .training .training-description li::before {content: "";position: absolute;top: 0.4375rem;left: 0;width: 1rem;height: 1rem;border-radius: 50%;background: rgba(0, 80, 143, 0.12); } .training .training-description li::after {content: "";position: absolute;top: 0.75rem;left: 0.3125rem;width: 0.375rem;height: 0.25rem;border-bottom: 0.125rem solid var(--primary);border-left: 0.125rem solid var(--primary);transform: rotate(-45deg); } .training .training-conversion {display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;margin-top: auto;padding: 1.5rem;border-radius: 0.75rem;background: var(--primary);color: var(--white); } .training .training-conversion strong, .training .training-conversion span {display: block; } .training .training-conversion strong {margin-bottom: 0.3125rem;font-size: 1.25rem;font-weight: 900;line-height: 1.2; } .training .training-conversion span {color: rgba(255, 255, 255, 0.78);font-size: 0.9375rem;font-weight: 500;line-height: 1.45; } .training .training-conversion .btn {flex: 0 0 auto;background: var(--white);color: var(--primary); } .training .training-conversion .btn:hover, .training .training-conversion .btn:focus {background: rgba(255, 255, 255, 0.92);color: var(--primary-hover); } @media (max-width: 991.98px) {.training {padding: 3.25rem 0 4rem;}.training .training-card {grid-template-columns: minmax(0, 1fr);gap: 0;}.training .training-media {min-height: 0;aspect-ratio: 16/10;}.training .training-body {padding: 2.375rem;}.training .training-title {font-size: 2.25rem;}.training .training-details {grid-template-columns: minmax(0, 1fr);} } @media (max-width: 575.98px) {.training {padding: 2.25rem 0 2.875rem;}.training .training-card {border-radius: 0.75rem;}.training .training-body {padding: 1.75rem 1.375rem;}.training .training-title {font-size: 1.875rem;}.training .training-description {margin-bottom: 1.875rem;}.training .training-description p {font-size: 1rem;}.training .training-conversion {align-items: stretch;flex-direction: column;}.training .training-conversion .btn {width: 100%;} }