.training-banner{min-height:20vh;margin-bottom:40px;padding:20px;display:grid;place-items:center;background:#00205c;border-bottom:10px solid #fcb900;color:#fff;text-align:center}
.training-banner h1{margin:0;color:#fff;font-family:"Open Sans",Arial,sans-serif;font-size:48px;font-weight:700;line-height:1}
.training-content{width:min(1200px,100%);margin:0 auto;padding-bottom:40px}
.training-intro{margin:0 0 30px;color:rgba(13,23,59,.8);font-size:18px;line-height:1.7}
.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.training-card{min-width:0;color:#333}
.training-card__media{display:block;width:max-content;max-width:100%;margin:12px 0 14px}
.training-card__media img{display:block;width:auto;max-width:100%;height:175px;border-radius:5px;object-fit:contain;object-position:left center}
.training-card h2{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.2}
.training-card h2 a{text-decoration:none}
.training-card h2 a:hover{text-decoration:underline}
.training-card p{margin:0 0 10px;font-size:15px;line-height:1.7}
.training-card__action{display:inline-flex;align-items:center;min-height:44px;margin:14px 0 10px;padding:8px 20px;border-radius:25px;background:#101828;color:#fff;font-size:16px;line-height:1.7;text-decoration:none}
.training-card__action:hover{background:#00205c}
.training-card a:focus-visible{outline:2px solid #005fcc;outline-offset:3px}
@media(max-width:1024px){.training-grid{grid-template-columns:1fr}.training-content{width:100%}}
@media(max-width:800px){.training-banner h1{font-size:32px;line-height:1}}