/*
Theme Name: Quang Minh Hưng Co.,Ltd
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.td-sec-1 {
        padding-top: 9em !important;
        padding-bottom: 7.5em !important
    }
    .td-sec-1 .bg {
        background-size: contain !important;
        background-position: calc(100% + 310px);
    }

    .td-sec-2 p,
    .td-sec-2 h2 {
        color: white !important
    }

    .td-sec-3 .box-text {
        bottom: auto;
        top: 20%;
        padding-left: 0;
        padding-right: 0;
        text-shadow: none !important
    }

    .td-sec-3 .box-text .box-text-inner {
        text-shadow: none
    }

    .td-sec-3 .box-text h4 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 700;
        margin-bottom: 30px;
        border-left: 5px solid #DB9E81;
        padding: 0 30px;
        height: 70px;
        overflow: hidden;
        color: white
    }

    .td-sec-3 .box-text p {
        padding: 0 30px;
        color: white;
        overflow: hidden;
    }

	.row-ct-td .col-inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 25px 27px;
		border-radius: 10px
	}
	.row-ct-td .col-inner h3, .row-ct-td .col-inner a{
		width: max-content;
		margin: 0
	}
	.row-ct-td .col-inner a{
		background-color: #1F8438 !important;
		border: 1px solid #1F8438;
		border-radius: 5px !important;
		padding-right: 50px
	}
	.row-ct-td .col-inner a:hover{
		color: #1F8438;
		background: white !important;
		box-shadow: none
	}
	.row-ct-td .col-inner a:hover i{
		color: white
	}
	.row-ct-td .col-inner a i{
		width: 40px;
		height: 100%;
		background: rgba(95,197,63, .5);
		position: absolute;
		top: 0;
		right: 2px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
    .tdc-sec-1 .desc {
        font-size: 18px;
        color: #fff;
    }

    .tdc-sec-2 .row-info {
        background: #F9F9F9;
        border-radius: 5px;
        margin: 20px 0 !important
    }

    .tdc-sec-2 .row-info .col {
        padding: 15px;
    }

    .tdc-sec-2 .row-info p {
        margin-bottom: 0
    }
   .row-td {
        transform: translateY(-150px);
    }
        .td-sec-1 {
            padding-bottom: 3rem !important
        }
       .td-sec-3 .box-text p {
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 25px;
            -webkit-line-clamp: 4;
            height: 100px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
			padding: 0 20px;
        }
       .td-sec-1 {
            padding-top: 2em !important;
        }
		.detail-td h3, .course-title{
			font-size: 1.5rem !important;
		}
		.mn-td{
			position: relative
		}
		.mn-td .badge{
			position: absolute;
			top: 15px;
			left: 90px;
			display: none
		}
		.row-ct-td .col-inner a{
			font-size: 13px;
			width: 124px;
			flex-shrink: 0;
			margin-left: 10px
		}
		.row-ct-td .col-inner{
			padding: 20px 15px;
		}
		.td-sec-3 .box-text h4{
			margin-bottom: 10px;
			font-size: 20px;
			padding: 0 20px;
			height: 60px;
			line-height: 30px
		}
		.td-sec-2 p{
			font-size: 1rem
		}
		.td-sec-2 .col{
			padding-bottom: 15px
		}