/* ==================================================
   Training Courses Slider
================================================== */


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

.container {
        max-width: var(--ib-container, 1200px);
    margin-left: auto;
    margin-right: auto;
}


/* ==================================================
   Header
================================================== */


.training_courses_slider .slider-head{

    display:flex;

    justify-content:space-between;

    align-items:end;

    gap:24px;

    flex-wrap:wrap;

    margin-bottom:32px;

}



.training_courses_slider .slider-head h2{

    margin:0;

    max-width:700px;

    font-size:32px;

    line-height:1.2;

    font-weight:700;

    color:var(--ib-secondary);

}



.training_courses_slider .eyebrow{

    margin:0 0 12px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;

    color:var(--ib-secondary);

}



.training_courses_slider .slider-description{

    margin-top:16px;

    max-width:700px;

    font-size:17px;

    line-height:1.6;

    color:var(--ib-text);

}



/* ==================================================
   Controls
================================================== */


.training_courses_slider .slider-controls{

    display:flex;

    align-items:center;

}



.training_courses_slider .slider-arrows{
    display:flex;
    gap: 16px;
    align-items: center;
}



.training_courses_slider .arrow{

    width:46px;

    height:46px;

    border-radius:50%;

    border:1.5px solid var(--ib-secondary);

    background:#fff;

    color:var(--ib-secondary);

    cursor:pointer;

    font-size:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.2s;

}



.training_courses_slider .arrow:hover{

    background:#f4f3ec;

}



/* ==================================================
   Slider Track
================================================== */


.training-slider-track{

    display:flex;

    gap:22px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    padding:4px 0 24px;

}



.training-slider-track::-webkit-scrollbar{

    display:none;

}



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


.training_courses_slider .course-card{

    flex:0 0 320px;

    scroll-snap-align:start;

    display:flex;

    flex-direction:column;

    text-decoration:none;

    color:inherit;

    background:#fff;

    border:1px solid #e3e1d8;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}



.training_courses_slider .course-card:hover{

    border-color:var(--ib-primary);

    box-shadow:0 8px 22px rgba(20,33,15,.08);

}



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


.training_courses_slider .course-card img{

    width:100%;

    height:170px;

    object-fit:cover;

    display:block;

}



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


.training_courses_slider .course-card .body{

    padding:22px;

    display:flex;

    flex-direction:column;

    gap:10px;

    flex:1;

}



.training_courses_slider .lvl{

    font-size:12.5px;

    font-weight:700;

    letter-spacing:.1em;

    text-transform:uppercase;

    color:var(--ib-primary);

}



.training_courses_slider .course-card h3{

    margin:0;

    font-size:19px;

    line-height:1.35;

    font-weight:600;

    color:var(--ib-secondary);

}



.training_courses_slider .course-description{

    font-size:15px;

    line-height:1.55;

    color:var(--ib-text);

}



.training_courses_slider .course-description p{

    margin:0;

}



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


.training_courses_slider .link-under{


    width:max-content;

    color:var(--ib-secondary);

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    border-bottom:2px solid var(--ib-secondary);

}



.training_courses_slider .link-under:hover{

    color:var(--ib-secondary);

}



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


@media(max-width:900px){


    .training_courses_slider .slider-head h2{

        font-size:28px;

    }


    .training_courses_slider .course-card{

        flex-basis:280px;

    }


}



@media(max-width:600px){


    .training_courses_slider .slider-head{

        align-items:flex-start;

    }


    .training_courses_slider .course-card{

        flex-basis:260px;

    }


}