.training-container {
        display: flex;
        flex-direction: column;
        gap: 32px;}
    .training-item {
        height: 146px;
        display: flex;
        background-color: white;
        transition: background-color .1s ease-in-out;}
    
    .training-item:hover{
        background-color: #234D89;}
    .training-item:hover .training-date{
        color: white;}
    .training-item:hover .training-title{
        color: white;}
    .training-item:hover .training-abstract{
        color: white;}
    .training-item:hover .training-img{
        color: white;
        transform: scale(1.035);}
    .training-img {
        aspect-ratio: 426 / 272;
        height: 100%;
        flex: 218;
        object-fit: cover;
        transform: scale(1);
        overflow: hidden;
        transition: transform 0.5s ease-in-out;}
    .training-content {
        flex: 247;
        padding: 12px 18px;}
    .training-title {
        font-size: 16px;
        font-weight: bold;
        transition: color .2s;}
    .training-abstract {
        font-size: 12px;
        color: #707070;
        margin-top: 16px;
        transition: color .2s;}
    .training-date {
        color: #CECECE;
        font-size: 10pt;
        transition: color .2s;}