.media-sec{background:#00497a;padding:80px 0;}@media(min-width:1920px){.media-sec{padding:100px 0;}}@media(max-width:767.98px){.media-sec{padding:60px 0;}}.media-sec .media-head{margin:0 0 40px;}@media(max-width:1199.98px){.media-sec .media-head{margin:0 0 8px;}}.media-sec .media-head h3{margin:0;color:#fff;}@media(max-width:767.98px){.media-sec .media-head h3{font-size:36px;line-height:38px;}}.media-sec .single-media-sec{background:rgba(255,255,255,.9);border:2px solid rgba(27,116,152,.16);border-radius:16px;padding:16px;position:relative;min-height:198px;transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transform:translateY(8px);}.media-sec .single-media-sec:hover{transform:translateY(0);}@media(min-width:1920px){.media-sec .single-media-sec{min-height:230px;}}@media(min-width:768px) and (max-width:1199.98px){.media-sec .single-media-sec{min-height:235px;}}@media(max-width:767.98px){.media-sec .single-media-sec{min-height:inherit;margin-top:24px;}}.media-sec .single-media-sec .news-block-info{margin-bottom:4px;}.media-sec .single-media-sec .news-block-content h6{margin:0 0 4px;color:#00497a!important;line-height:22px;font-size:16px;font-weight:700;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}@media(min-width:1920px){.media-sec .single-media-sec .news-block-content h6{line-height:28px;font-size:19px;}}.media-sec .single-media-sec .news-block-content small{font-size:14px;line-height:18px;font-weight:400;color:#646f7d;display:block;}@media(min-width:1920px){.media-sec .single-media-sec .news-block-content small{font-size:17px;line-height:24px;}}.media-sec .single-media-sec .readmore-btn{margin-top:22px;}@media(max-width:767.98px){.media-sec .single-media-sec .readmore-btn{position:inherit;bottom:0;left:0;}}.media-sec .single-media-sec .readmore-btn .arrow-animate{color:#222b2f;}.media-sec .single-media-sec .readmore-btn .arrow-animate .arrow-animate-icon.custom-arrow:before{filter:brightness(1) invert(1);}.media-sec .single-media-sec .readmore-btn .arrow-animate .arrow-animate-icon.custom-arrow:after{filter:brightness(1) invert(1);}