.recent-articles-component{padding:0 20px}
.recent-articles-component .video-cmp .amp-poster{object-fit:cover}
.recent-articles-component .video-cmp .amp-controls{background-color:rgba(0,0,0,1.0) !important}
.recent-articles-component .video-cmp .amp-share.amp-icon{display:none}
.recent-articles-component .video-cmp{overflow:hidden}
.recent-articles-component .video-cmp .amp-ui{overflow:hidden}
.recent-articles-component .video-cmp .amp-controls{background-color:rgba(0,0,0,1.0) !important}
.amp-html5.amp-ended .amp-media-element,.amp-html5.amp-error .amp-media-element{height:100%;width:100%}
.recent-articles-component .tile-item.hide{display:none}
.recent-articles-component .tile-media{height:189px}
.recent-articles-component .video-comp .tile-media{height:189px}
.recent-articles-component img,.recent-articles-component video{width:100%;height:100%;object-fit:cover}
.recent-articles-component a{text-decoration:none}
.recent-articles-component h5{margin:8px 0;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.recent-articles-component .btn-wrapper{display:flex;padding-top:20px;align-items:center;justify-content:center;color:var(--color-secondary2);font-family:var(--font-text-regular)}
.recent-articles-component .btn-wrapper button{font:inherit;color:inherit;cursor:pointer;padding:14px 15px;line-height:17px;background-color:transparent;-webkit-tap-highlight-color:transparent}
.recent-articles-component .btn-wrapper .slides-count{padding:0 20px}
.recent-articles-component .btn-wrapper .icon{color:inherit;font-weight:bold}
.recent-articles-component .btn-wrapper .btn-previous .icon-down{display:inline-block;transform:rotate(90deg)}
.recent-articles-component .section-tiles{display:flex;padding-left:0;list-style:none;flex-flow:row wrap;align-items:stretch;justify-content:space-between;margin-bottom:0}
.recent-articles-component .tile-item{width:100%;overflow:hidden;position:relative;transition:.5s all ease-in-out;box-shadow:0 4px 40px rgba(0,0,0,0.15);margin-bottom:20px}
.recent-articles-component .tile__description{padding:10px}
.recent-articles-component .tile__category{gap:10px;display:flex;flex-wrap:wrap}
.recent-articles-component .tile__category span{padding:7px 8px;font-weight:500;line-height:12px;border-radius:10px;font-size:.625rem}
.recent-articles-component .article-footer p{margin:0;margin-bottom:4px}
.recent-articles-component .article-footer,.recent-articles-component .article-footer .article-time{display:flex;align-items:center}
.recent-articles-component .article-footer{flex-wrap:wrap;line-height:12px;font-size:.75rem;color:var(--color-primary6);font-family:var(--font-text-regular)}
.recent-articles-component .article-footer .icon-duration{font-size:.9735rem}
.recent-articles-component .article-footer .author-name::after,.recent-articles-component .article-footer .article-time::after{content:'|';padding:0 4px}
.recent-articles-component .icon-duration:before{margin-right:5px;position:relative;display:inline-block;transform:rotate(90deg)}
.recent-articles-component .img-logo{width:64px;height:24px;background:var(--color-primary5);border-radius:10px 0 0 10px;padding:8px 11px;position:absolute;right:0;top:22px;z-index:1}
.recent-articles-component .animate-slides{animation:animateSlides 1s}
.recent-articles-component .animate-slides-prev{animation:animateSlidesPrev 1s}
.recent-articles-component .fade-bottom{animation:fade-bottom 1s ease-in}
.recent-articles-component .fade-left{animation:fade-left 1s ease-in}
.recent-articles-component .fade-right{animation:fade-right 1s ease-in}
.recent-articles-component .section-tiles{position:relative}
.recent-articles-component .amp-pause-overlay:before{content:""}
.recent-articles-component .amp-playing.amp-active.amp-mobile .amp-pause-overlay{background:0}
.recent-articles-component .amp-mobile .amp-pause-overlay,.recent-articles-component .amp-pause-overlay{line-height:4.5625rem;font-size:1.875rem;width:70px;height:70px}
.recent-articles-component .amp-active.amp-mobile .amp-jump-back,.amp-ready.amp-mobile .amp-jump-back,.amp-paused.amp-mobile .amp-jump-back,.recent-articles-component .amp-active.amp-mobile .amp-jump-forward,.amp-ready.amp-mobile .amp-jump-forward,.amp-paused.amp-mobile .amp-jump-forward{display:none}
.recent-articles-component .amp-ended .amp-pause-overlay:before{font-family:Icomoon;letter-spacing:0}
.recent-articles-component .amp-muted .amp-unmute-layer{display:none}
.recent-articles-component .amp-active.amp-mobile .amp-jump-back,.recent-articles-component .amp-ready.amp-mobile .amp-jump-back,.recent-articles-component .amp-paused.amp-mobile .amp-jump-back,.recent-articles-component .amp-active.amp-mobile .amp-jump-forward,.recent-articles-component .amp-ready.amp-mobile .amp-jump-forward,.recent-articles-component .amp-paused.amp-mobile .amp-jump-forward{display:none}
.recent-articles-component .amp-ready .amp-controls,.recent-articles-component .amp-paused .amp-controls,.recent-articles-component .amp-ended .amp-controls{bottom:-2.86em}
.recent-articles-component .amp-ready .amp-progress,.recent-articles-component .amp-paused .amp-progress,.recent-articles-component .amp-active.amp-paused .amp-progress,.recent-articles-component .amp-ended .amp-progress,.recent-articles-component .amp-active.amp-ended .amp-progress,.recent-articles-component .amp-controls-fixed .amp-progress,.recent-articles-component .amp-controls-persistent .amp-progress,.recent-articles-component .amp-audio .amp-progress{bottom:-1em}
@media only screen and (min-width:768px){.recent-articles-component{padding:0 20px 0 40px}
.recent-articles-component .tile-item{width:calc((100% - 60px) / 3)}
.recent-articles-component .tile-item.video-comp{width:calc((100% - 30px) / 3 * 2)}
.recent-articles-component .article-footer{font-size:.8125rem;line-height:16px}
.recent-articles-component .tile-media{height:216px}
.recent-articles-component .video-comp .tile-media{height:255px}
.recent-articles-component h5{-webkit-line-clamp:2}
.recent-articles-component .img-logo{padding:8px 14px;width:85px;height:32px}
}
@media only screen and (min-width:768px) and (max-width:900px){.recent-articles-component .article-footer .article-time::after{content:none}
.recent-articles-component .video-comp .article-footer .article-time::after{content:'|'}
}
@media only screen and (min-width:768px) and (max-width:1024px){.recent-articles-component .tile-item.section-tiles{justify-content:initial}
.recent-articles-component .tile-item{margin-right:20px}
}
@media screen and (max-width:1024px){.recent-articles-component .video-cmp .amp-controls{height:1.5em}
.recent-articles-component .amp-active .amp-progress{bottom:1em}
.recent-articles-component .amp-ready .amp-progress{bottom:-1em}
.recent-articles-component .video-cmp .amp-active.amp-mobile .amp-progress .amp-handle,.recent-articles-component .video-cmp .amp-paused.amp-mobile .amp-progress .amp-handle,.recent-articles-component .video-cmp .amp-ready.amp-mobile .amp-progress .amp-handle,.recent-articles-component .video-cmp .amp-ended.amp-mobile .amp-progress .amp-handle{width:.8em;height:.8em;top:.1em}
.recent-articles-component .video-cmp .amp-mobile .amp-jump-forward,.recent-articles-component .video-cmp .amp-mobile .amp-jump-back{font-size:1.5em}
.recent-articles-component .video-cmp .amp-controls .amp-icon.amp-control,.recent-articles-component .video-cmp .amp-controls .amp-time-display{font-size:.8rem}
.recent-articles-component .video-cmp .amp-panel{max-height:90%}
}
@media screen and (min-width:1025px){.recent-articles-component{padding:0 100px}
.recent-articles-component .tile-item.video-comp{width:calc(100% / 4 * 2 - 10px)}
.recent-articles-component .tile-item{width:calc((100% - 60px) / 4)}
.recent-articles-component .tile-media{height:295px;max-height:295px;overflow:hidden}
.recent-articles-component .video-comp .tile-media{height:310px;max-height:310px}
}