.banner-tnc{
    background-image: url('../../assets/images/banner/banner-tnc.png');
    width: 100%;
    height: 720px;
    background-repeat: no-repeat;
    background-position: center 50%;
    background-size: cover;
}

.card.tnc::after{
    content: "";
    background-image: url('../../assets/images/pattern_bunga1.png');
    background-size: cover;
    width: 403px;
    height: 405px;
    position: absolute;
    left: -16rem;
    top: 20rem;
    z-index: -1;
    filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(3753%) hue-rotate(345deg) brightness(104%) contrast(89%);
    opacity:15%;
    background-size: contain;
    background-repeat: no-repeat;
}

.card.tnc::before {
    content: "";
    background-image: url('../../assets/images/pattern_bunga1.png');
    background-size: cover;
    width: 313px;
    height: 314px;
    position: absolute;
    right: -14rem;
    top: -4rem;
    z-index: -1;
    filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(3753%) hue-rotate(345deg) brightness(104%) contrast(89%);
    opacity:15%;
    background-size: contain;
    background-repeat: no-repeat;
}

.content-tnc{
    font-size: 20px;
    letter-spacing:-2.1%;
}

.content-header{
    font-size: 28px;
    border-bottom: 4px solid #781C1C;
    padding-bottom:10px;
    letter-spacing:-2.1%;
}

.card-body{
    padding:2.25rem;
}

.list-group-item{
    border: none;
    padding: 0;
}

.card-body.card-body-tnc{
	padding:1rem 4.8rem;
}

.content{
	font-size: 15px;
	color: #313639;
}

.title{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.content, .title{
    color: #545d64;
}
h2.judul{
    color: #545d64;
    font-weight: bold;
}

@media only screen and (min-width: 200px) and (max-width: 1024px){
    .card-body.card-body-tnc{
        padding: 1rem;
    }
    .banner-tnc{
    	height: 170px;
    }
    .breadcrumb.custom1{
    	margin-bottom: 0 !important;
    }
    h2.judul{
    	font-size: 25px;
    	font-weight: bold;
    }
    h2.judul + p{
        margin-top: 0 !important;
    }
    .row{
    	padding-top: 0;
    }
}