/*SWIPPER*/
.swiper-wrapper {
    position: relative;
}

.swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
}
.swiper{
    width: 100% !important;
}
.swiper, swiper-container {
    margin-left: initial !important;
}

/* CARD CSS */

   .wc-block-grid__product.wc-block-grid__product{
    height:auto;
    }
    .wc-block-grid .wc-block-grid__products .wc-block-grid__product{
        width: 100%;
    }
   
    .wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__summary a {
        margin-right: -10px;
    }
    .wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer .foot-site-img img {
        height: 32px;
    }

        .ms_desc{
            overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical;
        }
        .foot-site-title{
            color: #475467;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
            overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical;
        }

        .wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer{
            display:flex;
            flex-direction: row;
        }

        .wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer
        .conpaas-product-grid__summary .title{
            margin:0;
            padding:0;
            
        }
        .ms_card_head{
            position: relative;
        }

        .ms_card_price{
            display: flex;
            flex-grow: 1;
            justify-content: end;
            font-size: 20px;
            align-items: center;
        }

        .course_status{
            width: 138px;
            padding: 8px 12px;
            border-radius: 0px 50px 50px 0;
            background: #475467;
            z-index: 1;
            position: absolute;
            bottom:14px;
            left:0;
            width: auto;
            color:white;
           
            text-align: center;
            /* Text xs/Medium */
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 18px; /* 150% */
        
        }

        .grid__product_row.active-course{
            border: 1px solid #47CD89!important;
        }
    
        .grid__product_row.next-course{
            /*border: 1px solid gray!important;*/
        }

        .expired-course {
            filter: grayscale(100%);
            opacity: 0.95!important;
            transition: filter 0.3s ease;  /* Se aplica en ambos sentidos */
        }

        .expired-course:hover {
            filter: grayscale(0);
            opacity: 1;
        }

        .badges{
            position: absolute;
            z-index: 1;
            padding: 10px;

        }
        .wc-block-grid .conpaas-product-grid__block {
            border-radius: 16px!important;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            transition: all .25s ease;
            text-decoration: none !important;
            height: 100%;
        }

        .badge{
            padding-right:10px;
            margin-right:10px!important;
        }

        .swiper-slide{
            display: flex!important;
        }


        /* Course Status Label colors */
        .course_status_closed{
            background-color: #667085;
        }
        .course_status_next{
            background-color: rgb(229, 149, 0);
        }
        .course_status_active{
            background-color: #47CD89;
        }