.ws_carousel_posts_wrap {
    margin-bottom: 2rem;
    position: relative;
}
.ws_carousel_posts_wrap .tns-slider {
    margin: 0 auto;
}
.ws_carousel_posts_wrap .tns-ovh {
    overflow: visible
}
.ws_carousel_posts_wrap .ws_item_wrap > * {
    margin-left: .75rem;
    margin-right: .75rem;
}
.ws_item_img {
    position: relative;
    display: flex;
    margin-bottom: .75rem;
    border-radius: .5rem;
    overflow: hidden;
    aspect-ratio: 1.5;
    background-color: rgba(0,0,0,0);
	transition: background-color .5s
}
.ws_item_img img {
    position: absolute;
    border-radius: .5rem;
    left:0; top:0;
    width: 100%;
    display:block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity .5s
}
.ws_item_img:hover {
	background-color: rgba(0,0,0,1)
}
.ws_item_img:hover img {
    opacity: 0.75
}
.ws_item_img .ws-course-data {
	position: absolute;
	left: 1.25rem;
	bottom:.75rem;
}
.ws_item_img .ws-course-data >* {
    margin: 0 .5rem .5rem 0;
    display: flex;
    padding: 0.25rem 0.5rem 0.25rem .38rem;
    align-items: center;
    border-radius: 62.4375rem;
    background-color: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(6px);
    color: var(--white);
    font-size: 0.75rem;
    font-weight: 500;
}
.ws-course-data-type .ws-course-data-type-icon,
.ws-course-data-start .ws-course-data-start-icon {
    flex-shrink: 0;
    margin-right: .38rem;
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--white);
    mask-size: contain!important;
}
.ws-course-data-type .ws-course-data-type-icon {
    -webkit-mask: url('../../../../inc/assets/images/location.svg') no-repeat center;
    mask: url('../../../../inc/assets/images/location.svg') no-repeat center;
}
.ws-course-data-start .ws-course-data-start-icon {
    -webkit-mask: url('../../../../inc/assets/images/start.svg') no-repeat center;
    mask: url('../../../../inc/assets/images/start.svg') no-repeat center;
}

.ws-item-post-title.h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 4.25rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0;
    margin-bottom: 0;
}
.ws-item-post-excerpt {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 1.5rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem
}
.ws-item-post-duration {
    font-size: 0.875rem;
    margin-bottom: 1rem
}
.ws-item-post-duration-title {
    font-weight: 600;
}
.ws-item-post-duration-value {
    color: var(--heading);
}
a.ws-item-post-link {
    font-weight: 500;
    color: var(--accent-blue);
    font-size: 1rem;
    transition: margin-right .3s
}
.forward-arrow {
    margin-left: .375rem;
    width: 0.875rem;
    height: 0.875rem;
    background-color: var(--accent-blue);
    -webkit-mask: url(../../../../inc/assets/images/arrow_forward.svg) no-repeat center;
    mask: url(../../../../inc/assets/images/arrow_forward.svg) no-repeat center;
    mask-size: contain;
    transition: margin-left .3s
}

a.ws-item-post-link:hover {
    margin-right: -.625rem
}
a.ws-item-post-link:hover .forward-arrow {
    margin-left: .625rem;
}

/**/
.ws_tinycarousel_wrap {
    position: relative;
    margin: 0 -.75rem;

}
.ws_carousel_posts_wrap .tns-nav {
    text-align: left;
    padding-left: .5rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.ws_carousel_posts_wrap .tns-nav button {
    border:none;
    background-color: var(--light-blue);
    width: .5rem;
    height:.5rem;
	padding:0;
    border-radius: 100%;
    margin: .25rem;
    transition: background-color .3s
}
.ws_carousel_posts_wrap .tns-nav button.tns-nav-active,
.ws_carousel_posts_wrap .tns-nav button:hover {
    background-color: var(--accent-blue);
}
/**/
.ws_carousel_posts_wrap .tns-controls {
    position: absolute;
    right: .75rem;
    bottom: 3rem;
}
.ws_carousel_posts_wrap .tns-controls button {
    width: 3rem;
    height: 3rem;
    position: absolute;
    border-radius: 6rem;
    border: 1px solid var(--white);
    background: rgba(218, 220, 233, 0.30);
    font-size: 0;
    overflow: hidden;
    transition: background-color .3s
}
.ws_carousel_posts_wrap .tns-controls button[data-controls="prev"] {
    right: 4rem;
}
.ws_carousel_posts_wrap .tns-controls button[data-controls="next"] {
    right: 0
}
.ws_carousel_posts_wrap .tns-controls button:before {
    content: '';
    background-color: var(--accent-blue);
    mask-size: contain!important;
    position: absolute;
    left: .7rem;
    top: .7rem;
    width: 1.5rem;
    height: 1.5rem;
    transition: background-color .5s
}
.ws_carousel_posts_wrap .tns-controls button[data-controls="prev"]:before {
    -webkit-mask: url(../../../../inc/assets/images/arrow_back.svg) no-repeat center;
    mask: url(../../../../inc/assets/images/arrow_back.svg) no-repeat center;
}
.ws_carousel_posts_wrap .tns-controls button[data-controls="next"]:before {
    -webkit-mask: url(../../../../inc/assets/images/arrow_forward.svg) no-repeat center;
    mask: url(../../../../inc/assets/images/arrow_forward.svg) no-repeat center;
}
.ws_carousel_posts_wrap .tns-controls button:hover {
    background-color: var(--accent-blue);
}
.ws_carousel_posts_wrap .tns-controls button:hover:before {
    background-color: var(--white);
}

@media (max-width: 991px){
    .ws_tinycarousel_wrap {
        margin: 0 -12px;
    }
    .ws_carousel_posts_wrap .ws_item_wrap > * {
        margin-left: 12px;
        margin-right: 12px;
    }
    .ws_carousel_posts_wrap .tns-controls {
        right: 12px;
        bottom: 32px;
    }
}
@media (max-width: 767px) {
    .ws_tinycarousel_wrap {
        margin-bottom: 5rem;
    }
    .ws_carousel_posts_wrap .tns-nav {
        text-align: center;
        padding-left: 0;
        float: none;
        padding-top: 0;
    }
    .ws_carousel_posts_wrap .tns-controls {
        width: 100%;
        bottom: 0;
    }
    .ws_carousel_posts_wrap .tns-controls button[data-controls="prev"] {
        right: auto;
        left: 22px
    }
}

@media (min-width: 1921px) {
    .ws_carousel_posts_wrap .tns-ovh {
        /* overflow: hidden; */
    }
}
