.courses{
    margin-top: 8rem;
}

.courses__item{
    background: rgba(255,255,255,1);
    margin-bottom: 8.2rem;
}

.course__item--wrapper{
    box-shadow: 0 2px 11px 0 rgb(0 0 0 / 23%);
}

.courses__item .content{
    padding: 4.3rem 4.3rem 2.5rem;
}

.courses__item .content h3{
    color: rgba(26,46,87,1);
    font-size: 3.6em;
    letter-spacing: 0.77px;
    line-height: 1em;
    font-weight: 800;
    margin: 0 0 2.4rem;
}

.courses__item .content p{
    font-size: 2.6em;
    letter-spacing: 0.19px;
    line-height: 1.231em;
    max-width: 46rem;
    color: rgba(26,46,87,1);
}

.courses__item .bttn{
    width: 100%;
    margin-top: auto;
    font-size: 2.4em;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 1.210em;
    padding: 2.5rem 0 2.6rem;
    text-align: center;
    display: inherit;
}

.courses__item .slider-container figure{
    height: 44.5rem;
}

.courses__item .slider-container figure img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.courses__item .slick-button { color: rgba(241,201,119,1); font-size: 1em; height: 3.5rem; width: 3.5rem; background: linear-gradient(180deg, rgba(26,61,116,1) 0%, rgba(23,44,89,1) 100%); position: absolute; right: 0; z-index: 2; overflow: hidden; }
.courses__item .slick-prev { top: 11.7rem; }
.courses__item .slick-next { top: 8.1rem; }
.courses__item .slick-dots { bottom: 1.3rem; padding: 0 1.6rem; }
.slick-dots li:not(.slick-active) button { background: rgba(255,255,255,1); }
.slick-dots .slick-active button { border-color: rgba(241,201,119,1); }

@media only screen and (min-width: 961px){
    .courses{
        margin-top: 11.1rem;
    }

    .courses-list{
        max-width: none !important;
        width: calc(100% + 9.6rem);
        left: -4.8rem;
        position: relative;
        align-items: stretch !important;
    }

    .courses__item{
        padding: 0 4.8rem;
    }

    .course__item--wrapper{
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .courses__item .content{
        padding: 2.2rem;
    }
    
    .courses__item .content h3{
        font-size: 2em;
        letter-spacing: 0.43px;
        line-height: 1.250em;
        margin: 0 0 1rem;
    }
    
    .courses__item .content p{
        font-size: 1.6em;
        font-weight: 700;
        letter-spacing: 0.1px;
        line-height: 1.429em;
        margin: 0;
    }
    
    .courses__item .bttn{
        font-size: 1.2em;
        font-weight: 600;
        letter-spacing: 2.4px;
        line-height: 1.250em;
        text-align: center;
        padding: 1rem 0;
        width: 100%;
        margin-top: auto;
        justify-content: center;
    }

    .courses__item .slider-container figure{
        height: 23.3rem;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .courses__item .slick-button { font-size: 1.7em; height: 7rem; width: 7rem; }
    .courses__item .slick-prev { top: 22rem; }
    .courses__item .slick-next { top: 14.8rem; }
    .courses__item .slick-dots { bottom: 2.7rem; padding: 0 3rem; }
    .slick-dots .slick-active button { border-color: rgba(241,201,119,1); }
}