<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.block-blog-3{ padding: 0;background: #ac208e;}
.block-blog-3 .block-item{ text-align: center; padding: 0; position: relative;}
.block-blog-3 .block-item .background-overlay-dark:before{ background: rgba(0, 0, 0, 0.08); }
.block-blog-3 .block-item .inner{ padding: 80px 30px; background: #ac208e;}
.block-blog-3 .block-item img{ margin-bottom: 20px;     width: 100%;}
.block-blog-3 .block-item h3{ color: #fff;    font-size: 20px;}
.block-blog-3 .block-item p{ color: #fff;height: 42px;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
  
@media(max-width: 1112px){
	.block-blog-3 .block-item .inner{ min-height: 440px;}
}
@media(max-width: 991px){}
@media(max-width: 768px){
	.block-blog-3 .block-item{ width: 33.33333333%;}
	.block-blog-3 .block-item .inner{ padding: 40px 30px !important; min-height: 400px;}
	.block-blog-3 .block-item img{     height: unset;}
}

@media (min-width: 360px) and (max-width: 767px){
	#suop--ele___headBanner {top: 0px;
    margin-bottom: 0px;
}
#suop--ele___block-blog-4-4 {top: 84px;}

}


@media(max-width: 480px){
	.block-blog-3 .block-item .inner{ min-height: initial;}
}</pre></body></html>