body .section-1 *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab) , body section *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab) {
  font-family: 'DB Heavent Fix' !important;
} 

#mainBanner.bannerSeminar,
#mainBanner.bannerDR24 {
	background: url(/mc03/assets/images/dr24/img-banner.png) no-repeat;
	background-size: cover;
	background-position-x: left;
}
h2.bannerHeader-LvOne {
    font-weight: 500;
    line-height: 0.8;
    color: white;
	margin-top: 80px;
	top: 0px;
}
.bannerHeader-wrapper {
    height: 473px;
    /* line-height: 473px; */
    align-content: center;
    text-align: right;
}

@media screen and (max-width: 662px) and (orientation: portrait){
    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner-mobile.png") !important;    
	  background-size: cover !important;
	  background-position-y: 56px !important;
	  background-position-x: center !important;
    }		
	.bannerHeader-wrapper {
        align-content: baseline;
		padding-top: 96px;
    }
    h2.bannerHeader-LvOne {
        font-size: 46px !important;
        line-height: .8;
		margin-top: -16px;
    }	
	
}
@media screen and (max-width: 414px) and (orientation: portrait){
	.bannerHeader-wrapper {
		line-height: 24px !important;
	}
}
@media screen and (max-width: 992px) and (min-width: 663px) and (orientation: portrait){
    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner-mobile.png") !important;    
	  background-size: cover !important;
	  background-position-y: top !important;
	  background-position-y: 32px !important;
    }
	h2.bannerHeader-LvOne {
		font-weight: 500;
		line-height: 0.8;
		color: white;
		margin-top: 200px;
		font-size: 72px;
	}	
	.bannerHeader-wrapper {
        align-content: baseline;
    }

	
}
@media screen and (min-width: 993px) and (max-width: 1024px) and (orientation: portrait){
    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner.png") !important;    
	  background-size: cover;
    }
	h2.bannerHeader-LvOne {
		font-weight: 500;
		line-height: 0.8;
		color: white;
		margin-top: 80px;
		font-size: 72px;
	}		
	.bannerHeader-wrapper {
		height: 360px !important;
		line-height: 360px !important;
		text-align: right;
	}		
}
@media screen and (max-width: 759px) and (orientation: landscape){

	.download-container{
		grid-template-columns: repeat(1, 1fr);
		place-self: center;
	}
    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner.png") !important;    
	  background-size: cover !important;
    }	
	.bannerHeader-wrapper {
		height: 220px !important;
		line-height: 220px !important;
		text-align: right;
	}	
	h2.bannerHeader-LvOne {
		font-weight: 500;
		line-height: 0.8;
		font-size: 40px;
		margin-top: 48px;
		color: white;
	}
	.invest-dr24 {
		font-size: 32px !important;
	}	
	section#openAcc {
		background: linear-gradient(180deg, #DCEBFD 0%, #FFF 100%);
		min-height: 48px !important;
		opacity: 1 !important;
		border-top: 1px solid #cecece;
		padding: 12px 0px !important;
	}
	.btn-w180 {
		width: 11.25rem;
		border-radius: 2.75rem;
		padding: 0px !important;
	}	
}
@media screen and (min-width: 760px) and (max-width: 992px) and (orientation: landscape){

	.download-container{
		grid-template-columns: repeat(1, 1fr);
		place-self: center;
	}
    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner.png") !important;    
	  background-size: cover !important;
    }	
	.bannerHeader-wrapper {
		height: 280px !important;
		line-height: 280px !important;
		text-align: right;
	}	
	h2.bannerHeader-LvOne {
		font-weight: 500;
		line-height: 0.8;
		font-size: 48px;
		margin-top: 48px;
		color: white;
	}	
	.invest-dr24 {
		font-size: 32px !important;
	}	
	section#openAcc {
		background: linear-gradient(180deg, #DCEBFD 0%, #FFF 100%);
		min-height: 48px !important;
		opacity: 1 !important;
		border-top: 1px solid #cecece;
		padding: 12px 0px !important;
	}
	.btn-w180 {
		width: 11.25rem;
		border-radius: 2.75rem;
		padding: 0px !important;
	}	
}

@media screen and (min-width: 993px) and (max-width: 1366px) and (orientation: landscape){

    .bannerDR24 {
      background-image: url("/mc03/assets/images/dr24/img-banner.png") !important;    
	  background-size: cover; 
    }	
	.bannerHeader-wrapper {
		height: 360px !important;
		line-height: 360px !important;
		text-align: right;
	}
	h2.bannerHeader-LvOne {
		font-weight: 500;
		line-height: 0.8;
		font-size: 56px;
		margin-top: 48px;
		color: white;
	}	
}
.card-article .thumbnail img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
span.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #d9d9d9;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #6973A0;
}
.content-article .thumbnail img {
    border-radius: 20px;
}
.content-related-article {
    padding: 12px;
	height: 200px;
	position: relative;
}
.related-article{
	color: #F37021;
	text-align: center;
	font-size: 50px;
	font-style: normal;
	font-weight: 500;

}
.content-related-article > a {
    color: black;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.0;
  display: -webkit-box;            
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 3;           
  overflow: hidden;                
  text-overflow: ellipsis;         
  word-break: break-word; 
}
.content-related-article .info-article{
	display: flex;
	gap: 16px;
	position: absolute;
    bottom: 8px;	
}