/* ==================================================
   Training Courses Grid
================================================== */

.training_courses_grid{
    position:relative;
    overflow:hidden;
}


.training_courses_grid__group{
    margin:0 0 32px;

    font-size:32px;
    line-height:1.2;
    font-weight:700;

    color:var(--ib-secondary);
}


.training_courses_grid__rows{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.training_courses_grid__description {

    margin-bottom: 48px;
}

.training_courses_grid__description p{
    margin: 0px;
    font-size: 17.5px;
    line-height: 1.7;
    color: rgb(58, 66, 49);
}


/* ==================================================
   Card
================================================== */

.training_courses_grid__card{

    display:flex;
    flex-direction:column;

    padding:26px;

    background:#fff;

    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;

    gap:14px;

    transition:.25s;

    height:100%;
}


.training_courses_grid__card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 34px rgba(0,0,0,.08);
}


/* ==================================================
   Image
================================================== */

.training_courses_grid__card img{

    width:calc(100% + 52px);
    height:220px;

    margin:-26px -26px 10px;

    object-fit:cover;

    border-radius:14px 14px 0 0;

    display:block;
    max-width: calc(100% + 52px);
}


/* ==================================================
   Content
================================================== */

.training_courses_grid__card h3{

    margin:0;

    font-size:21px;
    line-height:1.35;

    font-weight:600;

    color:var(--ib-secondary);
}


.training_courses_grid__card p{

    margin:0;

    font-size:15.5px;
    line-height:1.65;

    color:var(--ib-text);
}


/* ==================================================
   Link
================================================== */

.training_courses_grid__card a{

    margin-top:auto;

    display:inline-flex;
    align-items:center;

    gap:8px;

    padding-top:12px;

    font-size:15.5px;

    font-weight:700;

    color:var(--ib-secondary);

    text-decoration:none;

    transition:.2s;
}


.training_courses_grid__card a:hover{

    gap:12px;

}


/* ==================================================
   Responsive
================================================== */

@media(max-width:900px){

    .training_courses_grid__rows{
        grid-template-columns:1fr;
    }

}


@media(max-width:640px){

    .training_courses_grid__group{
        font-size:26px;
    }


    .training_courses_grid__card{

        padding:22px;

    }


    .training_courses_grid__card img{

        width:calc(100% + 44px);

        margin:-22px -22px 10px;

    }


    .training_courses_grid__card h3{

        font-size:19px;

    }

}