*{margin: 0;padding: 0;box-sizing: border-box;}
a{color: inherit;}
.shorts_home_widget{position: relative;margin: 20px 0;}
.short_in_wrap { display: flow-root; box-shadow: 0 0 30px 0 rgba(191, 190, 190, 0.65); position: relative; z-index: 9; background: #fff; border-radius: 10px; margin: 10px 0 0;}
.shorts_home_header{ height: 24px;}
.short_in_wrap .short_article_img img { width: 100%; border-radius: 10px 10px 0 0;object-fit: cover; }
.home_short_heading { font-size: 16px; font-weight: 700; line-height: 22px; font-family: 'Droid Serif',serif; padding: 0 10px; }
.home_shorts_detailing { font-size: 11px; font-family: 'roboto',sans-serif; padding: 5px 10px; }
.home_article_section { color: #dc0505; margin-right: 5px; }
.home_shorts_published_detail {color: #979797;}
.home_shorts_article_summery { font-size: 14px; line-height: 21px; font-family: 'Droid Serif',serif; margin: 0 10px 20px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.home_shorts_btm_effects {position: relative;top: 0;z-index: 1;}
.home_shorts_btm_effects:after { content: ''; width: 210px; height: 20px; flex-grow: 0; margin: 8px 9.6px 0 9.6px; border-radius: 10px; background-color: #969595; position: absolute; bottom: -20px; left: 15px; z-index: -1;}
.home_shorts_btm_effects:before { content: ''; position: absolute; width: 230px; height: 20px; border-radius: 10px; background-color: #d7d4d4; bottom: -10px; left: 15px; }
.home_view_shorts { position: absolute; bottom: -30px; text-align: center; width: 100%; left: 0; font-size: 12px; font-weight: 700; color: #dc0505; text-transform: uppercase; font-family: 'Roboto',sans-serif; z-index: 11;}
.home_view_shorts a:after { content: ''; border: solid #dc0505; border-width: 0 2px 2px 0; display: inline-block; transform: rotate(-45deg); position: relative; bottom: 1px; padding: 3px; }
@media screen and (min-width:768px) {
    .shorts_home_widget{background: url('../images/Top-shorts.svg') 0 0 no-repeat;height: auto;width: 300px;padding: 24px 20px ;position: relative;margin: 20px 0 80px;}
    .shorts_home_widget:before{content: '';background: url(../images/shorts-mid.svg) 0 0 repeat-y;height: 58%; width: 300px; position: absolute; left: 0; top: 232px;}
    .shorts_home_widget::after{content: '';background: url(../images/Bottom-shorts.svg) 0 0 no-repeat;width: 300px; position: absolute; bottom: -60px; height: 75px; left: 0;}
    .shorts_home_header{ text-align: center;}
    .home_short_heading{ padding: 15px 15px 0;}
    .home_shorts_detailing{padding: 10px 15px;}
    .home_shorts_article_summery{margin: 0 15px 20px;}
    }
@media screen and (max-width:767px) {
    .shorts_home_widget { background-color: #0b122b;margin: -22px -20px 25px;padding: 15px 0 80px;}    
    .shorts_home_header{ text-align: center; }
    .short_in_wrap { margin:10px 20px 0;box-shadow: none;}
    .short_article_img { width: 100%;}
    .home_short_heading{ padding: 10px 15px; }
    .home_shorts_detailing{font-size: 12px; padding: 10px 15px;}
    .home_shorts_btm_effects:before{ width: 83%;left: 30px;}
    .home_shorts_btm_effects:after{ width: 78%;left: 28px;}
    .home_view_shorts { bottom: 20px; color: #fff; font-weight: 700; }
    .home_view_shorts a:after{border: solid #fff;border-width: 0 2px 2px 0;}
    .home_shorts_article_summery{ margin: 5px 15px 20px; -webkit-line-clamp: 5;}
}
