.trend-widget { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color:#fff; border-radius: 4px; overflow: hidden;}
.trend-widget-title { -ms-flex-negative: 0; flex-shrink: 0; height: 50px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.trend-widget-title h3 { height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; font-size:20px; color:#0A4595; font-family:var(--font-bold);}

.trend-widget-content { counter-reset: item; height: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.trend-widget-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 60px; padding: 16px; counter-increment: item; position:relative; }
.trend-widget-item:after {content: ''; width: calc(100% - 20px); height: 1px; background-color: #e6ecf3; position: absolute; left: 10px; bottom: 0;}
.trend-widget-item:last-child:after { display:none; }
.trend-widget-item.active .trend-widget-number { background-color: #093E86; }
.trend-widget-item.active .trend-widget-text span { color:#093E86; }


.trend-widget-link { width: 100%; height: 100%; position:absolute; top:0; left:0; z-index:10; }
.trend-widget-image-area { -ms-flex-negative: 0; flex-shrink: 0; margin-right:20px; }
.trend-widget-number { width:40px; height:40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color:rgba(10, 69, 149, .44); border-radius: 50%; position:relative; }
.trend-widget-number:before {content:''; font-size: 20px; color: #fff; font-family: var(--font-bold); content: counter(item);}

.trend-widget-text span { display: block; font-size: 18px; color: #4E4E4E; font-family: var(--font-semibold); line-height: 22px; max-height: 46px; overflow: hidden; }