/*
 * Extracted from css/widget.css, lines 56538-56642
 * Region label: ci-063
 */
    /*#region ci-063 */

    .m-auto {
        margin: auto !important;
    }

    .ci-063 #studentcard-slide .item.item-studentcard {
        display: inline-block;
        border-radius: 3px;
        box-shadow: unset;
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .ci-063 .item-studentcard .image img {
        margin-bottom: 8px;
    }

    .ci-063 .item-studentcard .title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        line-height: 30px;
        color: #222222;
    }

    .ci-063 .item-studentcard .des {
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 29px;
        color: #5a5a5a;
    }

    .ci-063 .div-btn-studentcard .btn.btn-primary, .div-btn-studentcard .btn.btn-white {
        width: 170px;
    }

    .ci-063 .div-btn-studentcard {
        display: flex;
        justify-content: center;
    }


    .ci-063 .step-item item item-studentcard {
        padding-bottom: 16px;
    }

    @media (min-width: 767.9px) {
        .ci-063 #studentcard-slide .item.item-studentcard {
            margin-bottom: 0;
        }

        .ci-063 .item-studentcard .des {
            min-height: 240px;
        }

        .ci-063 .item-studentcard .text {
            padding: 0px 24px 0px 24px;
            padding: 0px 16px 0px 16px;
        }
    }

    @media (max-width: 767.8px) {
        .ci-063 .div-btn-studentcard .btn.btn-primary, .div-btn-studentcard .btn.btn-white {
            width: 270px;
        }

        .ci-063 .item-studentcard .des {
            min-height: 240px;
        }

        .ci-063 #studentcard-slide .item.item-studentcard {
            display: block;
            border-radius: 3px;
            box-shadow: unset;
            background-color: transparent;
            width: 100%;
            margin-bottom: 30px;
            overflow: hidden;
        }

        .ci-063 .item-studentcard .image img {
            margin-bottom: 60px !important;
        }
    }

    @media screen and (max-width: 767px) {
        .ci-063 .studentcard-block .col-md-4.col-12 {
            background-color: #fff;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 16px;
        }

        .ci-063 .ygc .item.studentcard {
            padding-bottom: 0;
        }

        .ci-063 .ygc .studentcard .image {
            max-width: 230px;
            margin: auto;
        }
    }
    /*#endregion ci-063 */