.cx_collection_item_pt_course {min-width: 0;}

.cx_collection_item_pt_course.style-grid {

	background-color:var(--white-50);
	border-radius:12px;
	border: 1px solid color-mix(in srgb, var(--black-50) 12%, transparent 88%);
    overflow: hidden;
}


.cx_collection_item_pt_course .course-style-grid-wraper .course-content {
	padding-top: 0;
}

.cx_collection_item_pt_course .course-style-grid-wraper .course-featured-video-wrapper {
	height: 235px;
}

.cx_collection_item_pt_course .course-featured-no-video {
	background-color: var(--grey-48); 
	height: 100%;
	width: 100%;
}

.cx_collection_item_pt_course .course-style-grid-wraper .course-featured-video-wrapper .course-featured-video {height: 100%;}

.cx_collection_item_pt_course .course-style-grid-wraper .course-featured-video-wrapper .course-featured-video .video {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cx_collection_item_pt_course .course-style-grid-wraper .course-featured-video-wrapper .course-featured-video video::-webkit-media-controls {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.cx_collection_item_pt_course .course-style-grid-wraper:hover .course-featured-video-wrapper .course-featured-video video::-webkit-media-controls {
    opacity: 1;
}

.cx_collection_item_pt_course .overview-detail * {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: normal;
}

.cx_collection_pt_course.align-left-stage .owl-carousel .owl-stage {
    padding: 1px;
    padding-left: 1px !important;
}

.cx_collection_item_pt_course .course-style-recent-wraper .course-featured-no-video {
    border-radius: 30px;
    aspect-ratio: 16/9;       
    overflow: hidden;
}

.cx_collection_item_pt_course .course-style-recent-wraper .course-featured-video {
    position: relative;
    width: 100%;              
    aspect-ratio: 16/9;       
    overflow: hidden;
    border-radius: 30px; 
    height: 100%;
}

.cx_collection_item_pt_course .course-style-recent-wraper .course-featured-video iframe {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cx_collection_item_pt_course .course-style-recent-wraper a:hover {
    color: var(--brand-primary-50);
}

.cx_collection_item_pt_course .skill-term {
    padding: 2px 8px;
    color: var(--text-color,var(--text-54));
    background-color: var(--bg-color,var(--grey-45));
    border:1px solid var(--border-color,var(--grey-47));
    border-radius: 9999px;
}


/*for owl courcl equal height */

.cx_collection_pt_course:has(.cx_collection_item_pt_course.style-recent) .owl-stage {
    display: grid;
    grid-auto-flow: column;
    align-items: stretch;
}

.cx_collection_pt_course:has(.cx_collection_item_pt_course.style-recent) .owl-item {height: auto;}

.cx_collection_item_pt_course.style-recent  {height: 100%;}

.cx_collection_item_pt_course.style-recent .course-style-recent-wraper {height: 100%;}

.cx_collection_pt_course:has(.cx_collection_item_pt_course.style-recent) .owl-nav {
	width:calc(100% + 32px);
	margin-left: -16px;
    margin-top: 0 !important;
}

@media (max-width:950px) {
    .cx_collection_item_pt_course.style-recent .course-style-recent-wraper {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }
}

/* recte dir col  */

.cx_collection_item_pt_course.style-recent.dir-col .course-style-recent-wraper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
}