/*
 * Extracted from css/widget.css, lines 52823-52941
 * Region label: OT-022
 */
    /* #region OT-022 */
    .ot-022 .title-txt h3 {
        font-family: 'Krungsri-Condensed-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #FFD400;
    }

    .ot-022 .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: 140px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ot-022 .card-content-img {
        width: 140px;
        height: 140px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ot-022 .card-content-type h4 {
        line-height: 24px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: unset;
    }

    .ot-022 .card-content-title {
        color: #5A5A5A;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        /*white-space: break-spaces;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: unset;
    }

    .ot-022 .box-podcast .box-text .card-readmore {
        position: absolute;
        bottom: 8px;
    }

    .ot-022 .Text-link {
        color: #f76f00;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        cursor: pointer;
    }

    .ot-022 .row-custom {
        margin-bottom: 24px;
    }

    .ot-022 .box-podcast .box-text {
        padding: 10px;
        padding: 8px 8px 16px 8px;
        min-width: 230px;
        position: relative;
    }


    @media screen and (max-width: 768px) {
        .ot-022 .row-custom {
            margin-top: -16px;
            padding: 0 15px;
        }

        .ot-022 .box-podcast .box-text {
            min-width: unset;
        }

        .ot-022 .box-podcast .box-text {
            min-width: unset;
        }

        .ot-022 .card-content-type h4 {
            padding-bottom: 0;
            margin: 0;
        }

        .ot-022 .card-content-type h4 {
            white-space: unset;
        }

        .ot-022 .card-content-title {
            white-space: unset;
        }
    }

    @media screen and (min-width: 992px) {
        .ot-022 .card-content-title {
            white-space: normal;
        }
    }

    .ot022-solution {
        position: relative;
        bottom: -2px;
    }

    /* #endregion OT-022 */