html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: inherit;
font-size: 16px;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
font-family: "Noto Serif Bengali", serif;
}
body {
font-size: 16px;
color: #000;
background-color: #e2e2e2;
}
li{
list-style: none;
}
a{
text-decoration: none !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
color: #000;
font-family: "Noto Serif Bengali", serif;
}
.fnt_bold{
font-weight: 600;
}
a:hover {
color: #ed1a3b;
}
.more_btn_wrap {
position: relative;
}
.more_btn_wrap:before {
content: "";
height: 1px;
background: #a5a5a5;
width: 100%;
position: absolute;
top: 50%;
bottom: 0;
}
.more_news_btn {
background: #ed1a3b;
display: block;
margin: 20px auto;
font-size: 19px;
width: 115px;
text-align: center;
color: #fff;
border-radius: 5px;
border: 1px solid #ed1a3b;
position: relative;
box-shadow: 0px 0px 0px 4px rgb(255,255,255,1);
-webkit-box-shadow: 0px 0px 0px 4px rgb(255,255,255,1);
-moz-box-shadow: 0px 0px 0px 4px rgb(255,255,255,1);
padding: 7px 0 3px 0;
}
.more_news_btn:hover {
color: #ed1a3b;
background: #fff;
}
p {
font-size: 17px;
line-height: 29px;
margin-top: 5px;
}
.clearfix{
clear: both;
}
.sec_heading {
font-size: 40px;
display: block;
color: #33395a;
font-weight: 600;
margin: 35px 0 15px;
line-height: 37px;
text-align: center;
border-bottom: 1px dashed #c3c3c3;
padding-bottom: 10px;
}
h2, .xl_txt {
font-size: 35px;
margin-bottom: 10px;
display: block;
font-weight: 600;
line-height: 47px;
}
h3, .md_txt {
font-size: 28px;
margin-bottom: 10px;
display: block;
line-height: 35px;
}
h4, .sm_txt {
font-size: 18px;
display: block;
line-height: 28px;
}
.pl_space {
padding-left: 5%;
}
.pr_space {
padding-right: 5%;
}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* // Global CSS */
/* Dropdown Popup Effect */
ul.dropdown-menu {
border-top: medium none;
border-left: medium none;
border-right: medium none;
border-bottom: 5px solid #3b9eff;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
max-width: 250px;
overflow: hidden;
padding: 0;
border-radius: 4px 4px 0 0px;
width: 100%;
min-width: 210px;
}
ul.dropdown-menu li a {
border-bottom: 1px solid #ebebeb;
padding: 10px 15px;
}
.dropdown-menu > li:last-child > a, ul.dropdown-menu li:last-child a:hover, ul.dropdown-menu li:last-child a:active, ul.dropdown-menu li:last-child a:focus {
border-bottom: medium none;
}
ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:active,
ul.dropdown-menu li a:focus {
background: #eaf3fc none repeat scroll 0 0 !important;
border-bottom: 1px solid #cce0f4 !important;
color: #248bf0 !important;
padding: 10px 15px;
}
/* Dropdown Popup Effect */
.mobile_show{
display: none !important;
}
.ad_970 .ad_banner, .ad_300 .ad_banner {
background: #e2e2e2;
display: block;
}
.ad_banner span {
display: block;
background: #e2e2e2;
font-size: 13px;
text-align: center;
font-family: arial;
padding: 3px 0;
color: #777;
}
/* Start Header */
.dropdown:hover .dropdown-menu {
display: block;
}
.header {
background: #fff;
position: relative;
transition: all 0.3s;
z-index: 9;
}
.header .logo_area {
width: 340px;
margin: auto;
text-align: center;
}
.header .logo_area a.navbar-brand {
margin: auto;
display: block;
padding: 0;
width: 110px;
}
.header .th_head {
padding: 10px 0;
overflow: hidden;
}
.header .logo_area .date_time {
margin-top: 5px;
}
.header .logo_area .date_time ul {
display: flex;
gap: 18px;
align-items: center;
justify-content: center;
}
.header .logo_area .date_time li {
font-size: 14px;
position: relative;
}
.header .logo_area .date_time li:first-child:after {
display: none;
}
.header .logo_area .date_time li:after {
width: 5px;
height: 6px;
position: absolute;
content: "";
background: #000;
border-radius: 10px;
top: 9px;
left: -11px;
}
.mview_nav_link_wrap {
display: none;
}
.main_head li.nav-item .dropdown-menu {
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.main_head li.nav-item .dropdown-menu a.dropdown-item {
font-size: 15px;
}
.main_head {
position: sticky;
top: 0;
padding-bottom: 20px;
z-index: 9;
}
.navmenu_wrapper {
background: #f0f7ff;
position: sticky;
top: 0;
border-radius: 4px;
border: 1px solid rgba(65,71,79, 0.4);
box-shadow: 0px 5px 13px rgba(0,0,0,0.20);
padding-right: 10px;
z-index: 9;
max-width: 1020px;
margin: auto;
}
.main_head nav.navbar.navbar-expand-lg {
padding: 0;
position: relative;
}
.main_head li.nav-item.dropdown::after {
margin-left: 0;
vertical-align: .255em;
content: "";
border-top: .25em solid #000000;
border-right: .25em solid transparent;
border-bottom: 0;
border-left: .25em solid transparent;
transition: .3s;
position: absolute;
top: 17px;
right: -3px;
}
.main_head li.nav-item.dropdown {
margin-left: 5px;
}
.main_head .navbar-nav .nav-link {
font-size: 16px;
color: #000000;
padding: 10px 6px;
}
.main_head a.nav-link.dropdown-toggle::after {
font-size: 14px;
padding-left: 0;
margin-left: 2px;
}
.btm_mobile_menu_bar{
display: none;
}
.main_head a.nav-link:hover, .main_head a.nav-link:active, .main_head a.nav-link:focus, .main_head a.nav-link.active {
background: #c62231;
color: #fff;
}
.header_search_box form.search-form {
position: absolute;
top: 120px;
right: 0;
background: #fff;
padding: 0px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
opacity: 0;
width: 0;
transition: all 0.3s;
}
.header_search_box.open_sbox form.search-form {
top: 54px;
opacity: 1;
width: 300px;
padding: 6px 10px;
z-index: 999;
}
.header_search_box a.search_icon {
display: block;
color: #000000;
font-size: 18px;
}
.header_search_box a.close_icon {
color: #000000;
display: none;
font-size: 18px;
}
/* Header Search box */
.header_search_box.open_sbox a.search_icon {
display: none;
}
.header_search_box.open_sbox a.close_icon {
display: block;
}
.header_search_box form.search-form button.form-control.form-control-submit {
width: 40px;
padding: 0;
background: #c62231;
color: #fff;
border: none;
border-radius: 0px 4px 4px 0px;
}
.header_search_box form.search-form input.form-control {
border-radius: 4px 0px 0px 4px;
font-size: 14px;
width: 85%;
}
.header_search_box form.search-form div#search {
display: flex;
}
/* // Header Search box */
#mobile_sidebar_menu.m_nav_menu {
display: none;
}
.header .hum_menu_icon {
display: none;
}
/* More Overlay menu */
/******* End Header *********/
#side_ad_wrapper {
max-width: 1360px;
margin-left: auto;
margin-right: auto;
position: sticky;
top: 0;
}
#side_ad_wrapper .side_ad_160 {
position: absolute;
top: 0;
}
#side_ad_wrapper.sticky_side_ad .side_ad_160 {
top: -18px;
}
#side_ad_wrapper.sticky_side_ad {
position: sticky;
top: 3rem;
left: 0;
right: 0;
}
#side_ad_wrapper .side_ad_160.right_ad {
position: absolute;
right: 0;
}
.top_news_sec h1.fnt_bold {
font-size: 40px;
line-height: 54px;
}
.cloud_wrapper .top_news_sec .vr_news li .media img.img-fluid {
max-width: 200px;
}
.ad_300 img.img-fluid {
width: 100%;
}
.breaking_news {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
width: 94%;
margin: auto;
overflow: hidden;
height: 35px;
border-radius: 4px;
}
.breaking_news .bn_label {
background: #cb192c;
text-transform: uppercase;
margin-left: -16px;
padding: 9px 13px 0 13px;
float: left;
height: 35px;
}
.breaking_news .bn_label h4 {
margin: 0;
font-size: 15px;
font-weight: 600;
color: #fff;
font-family: poppins;
line-height: 17px;
}
.breaking_news .bn_news ul li {
padding-right: 18px;
margin-right: 17px;
position: relative;
float: left;
}
.breaking_news .bn_news ul li:before {
width: 8px;
height: 8px;
content: "";
position: absolute;
right: -4px;
background: #000000;
border-radius: 12px;
top: 13px;
}
.breaking_news .bn_news ul li:last-child:after {
display: none;
}
.breaking_news #demo2{
overflow:hidden;
}
.breaking_news #demo2 ul li {
float: left;
line-height: 35px;
height: 35px;
}
.top_block {
padding: 0 1rem;
max-width: 1040px;
width: 97%;
margin-left: auto;
margin-right: auto;
}
.cloud_wrapper {
background: #fff;
margin-top: 1.5rem;
padding: 1.6rem;
max-width: 1020px;
width: 97%;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 12px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.2);
border-radius: 8px;
}
.cloud_wrapper .vr_news li:first-child {
margin-top: 0 !important;
}
.cloud_wrapper .vr_news li .media img.img-fluid {
max-width: 165px;
}
.tatka_update_sec .media img.img-fluid, .shono_sec .media img.img-fluid {
max-width: 400px;
}
.eight_grid_th .col-md-3:nth-child(5), .eight_grid_th .col-md-3:nth-child(6), .eight_grid_th .col-md-3:nth-child(7), .eight_grid_th .col-md-3:nth-child(8) {
margin-top: 1rem;
}
/** Poll Sec */
.vote_sec {
background: #ededed;
padding: 25px;
}
.poll {
background: #1a2c78;
text-align: center;
color: #fff;
padding: 1.2rem;
max-width: 700px;
margin: auto;
}
.poll h2 {
font-size: 38px;
padding: 0;
margin: 0;
}
.poll h5 {
font-size: 22px;
margin: 15px 0;
line-height: 33px;
}
.poll .selection li {
display: inline-block;
margin: 0 15px;
}
.poll .selection li .form-check {
display: flex;
}
.poll .selection li label.form-check-label {
font-size: 17px;
}
.poll .selection li .form-check-input {
font-size: 14px;
margin-right: 7px;
}
.poll .selection li .form-check-input:checked {
background-color: #ed1a3b;
border-color: #ed1a3b;
}
.poll .captcha {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
}
.poll .captcha li {
list-style: none;
}
.poll .captcha li .sum {
font-size: 17px;
margin-right: 10px;
font-family: arial;
}
.poll .captcha li .result {
width: 170px;
}
.poll .captcha li input#sum {
border: none;
padding: 9px 5px;
font-size: 17px;
width: 100%;
}
.poll .captcha li input[type="submit"] {
background: #ed1a3b;
color: #fff;
border: none;
padding: 4px 10px;
font-size: 22px;
font-weight: 600;
cursor: pointer;
}
/** // Poll Sec */
.xl_th picture, .sm_th picture, .th_link picture, .media picture {
position: relative;
display: block;
overflow: hidden;
}
.category {
position: absolute;
right: 10px;
bottom: 10px;
}
.category img.img-fluid {
max-width: 100% !important;
}
.mahanagar_sec h4.sm_txt.mt-3 {
margin-bottom: 0;
}
/** Footer */
.brn_footer {
background: #3c3c3c;
text-align: center;
padding: 30px 0;
margin-top: 20px;
}
.brn_footer li {
display: inline-block;
margin: 0 4px;
}
.brn_footer li a {
display: block;
background: #fff;
width: 40px;
height: 40px;
padding-top: 7px;
border-radius: 30px;
text-align: center;
}
.footer .link_list li a:hover {
color: #ff707e;
}
.brn_footer li a img {
display: inline-block;
}
.brn_footer li a:hover {
background: #afafaf;
}
.brn_footer p {
font-family: arial;
font-size: 13px;
color: #757575;
margin-top: 7px;
}
/** // Footer */
/***** Start Inner page global css ******/
.breadcrum_wrap {
clear: both;
border-bottom: 1px dashed #cdcdcd;
overflow: hidden;
padding-bottom: 10px;
}
.breadcrumbs li {
float: left;
font-size: 13px;
display: block;
padding: 0 6px;
font-family: 'Poppins';
}
.breadcrumbs li a {
font-size: 13px;
color: #898888;
position: relative;
display: block;
font-family: 'Poppins';
}
.breadcrumbs li a:after {
content: "/";
margin-left: 3px;
}
.innerpg_top_grid_sec .col-md-6 li.mt-4:first-child {
margin-top: 0 !important;
}
.innerpg_top_grid_sec .col-md-6 li .media img.img-fluid {
max-width: 165px;
}
.page_inner_wrapper .ad_sec {
margin-top: 1.5rem;
}
.innerpg_news_listing_wrap_side_ad .inner_th_listing li {
margin-top: 15px;
}
.innerpg_news_listing_wrap_side_ad .inner_th_listing li a img.img-fluid {
max-width: 165px;
}
.innerpg_news_listing_wrap_side_ad .inner_th_listing li:first-child {
margin-top: 0;
}
.innerpg_lg_btn_sec {
text-align: center;
margin-top: 30px;
}
.innerpg_lg_btn_sec a.innerpg_btn:hover {
border-radius: 7px;
background: #626262;
}
/***** End Inner page global css ******/
/***** Start News view Page ******/
.news_view_page_wrap .top_article_sec {
overflow: hidden;
clear: both;
text-align: center;
}
.news_view_page_wrap .top_article_sec .topic_title {
font-size: 30px;
color: #ca1f2f;
font-family: 'poppins';
font-weight: 500;
margin-top: 10px;
}
.news_view_page_wrap .top_article_sec h1.news_title {
font-size: 45px;
line-height: 55px;
margin: 10px 0;
}
.news_view_page_wrap .top_article_sec h2.news_sht_desc {
font-size: 22px;
font-weight: normal;
line-height: 33px;
}
.news_view_page_wrap .article_th_sec .img_box {
text-align: center;
display: block;
}
.news_view_page_wrap .article_th_sec p {
margin-top: 4px;
font-size: 14px;
font-family: 'Poppins';
}
.news_view_page_wrap .editor_share_sec {
margin-bottom: 15px;
border-bottom: 1px solid #9b9b9b;
display: flex;
margin-top: 30px;
}
.news_view_page_wrap .editor_share_sec .posted li {
display: inline-block;
margin-right: 10px;
border-right: 1px solid #a1a1a1;
padding-right: 10px;
line-height: 18px;
margin-top: 10px;
color: #828282;
font-size: 13px;
font-family: 'Poppins';
}
.news_view_page_wrap .editor_share_sec .posted li:last-child {
border: none;
padding-right: 0;
}
.news_view_page_wrap .editor_share_sec h5.publish {
color: #828282;
font-family: 'Poppins';
font-size: 13px;
}
.news_view_page_wrap .editor_share_sec h5.publish span.fnt_bold {
color: #000;
}
.news_view_page_wrap .editor_share_sec .editor_element {
width: 75%;
}
.news_view_page_wrap .article_share_sec li {
float: left;
padding: 0 3px;
}
.news_view_page_wrap .article_share_sec {
overflow: hidden;
width: 25%;
}
.news_view_page_wrap .article_share_sec ul {
float: right;
margin-top: 15px;
}
.news_view_page_wrap .full_article_content_side_ad_sec p {
line-height: 33px;
font-size: 19px;
}
.news_view_page_wrap .full_article_content_side_ad_sec p strong {
font-size: 19px;
font-weight: 700;
}
.news_view_page_wrap .full_article_content_side_ad_sec .ext_news_th {
background: #e5e5e5;
padding: 15px;
margin: 7px 0;
overflow: hidden;
border-radius: 8px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .ext_news_th .th_link .sm_th {
float: left;
max-width: 150px;
margin-right: 15px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .ext_news_th li:last-child {
overflow: hidden;
margin-top: 15px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .ext_news_th li a.th_link {
display: flex;
overflow: hidden;
align-items: flex-start;
}
.ext_news_th .category {
width: 35px;
}
.ext_news_th h4.sm_txt {
font-size: 20px;
font-weight: 600;
line-height: 31px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .side_news_listing li {
margin-top: 20px;
overflow: hidden;
}
.news_view_page_wrap .full_article_content_side_ad_sec .side_news_listing li h4.sm_txt {
font-weight: 600;
margin-top: 7px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .side_news_listing li a h4.sm_txt.fnt_bold {
font-size: 22px;
line-height: 26px;
margin-top: 10px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .col-md-4 .ad_300_250 {
margin-top: 25px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .app_download_sec {
width: 90%;
margin: 20px auto;
text-align: center;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
padding-top: 7px;
background: #f0eeee;
}
.news_view_page_wrap .full_article_content_side_ad_sec .app_download_sec .follow_sec {
padding: 10px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .app_download_sec .follow_sec li {
display: inline-block;
margin: 8px 5px 0px 5px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .highlight_sec {
background: #c62231;
padding: 0rem 2.5rem 1.2rem 3rem;
}
.news_view_page_wrap .full_article_content_side_ad_sec .highlight_sec h2.fnt_bold {
background: #fff;
width: 150px;
font-size: 30px;
line-height: 43px;
text-align: center;
margin: auto;
color: #c62231;
}
.news_view_page_wrap .full_article_content_side_ad_sec .highlight_sec li a {
display: block;
font-size: 20px;
color: #fff;
line-height: 26px;
margin-top: 17px;
position: relative;
}
.news_view_page_wrap .full_article_content_side_ad_sec .highlight_sec li a:before {
position: absolute;
left: -22px;
content: "";
width: 10px;
height: 10px;
background: #fff;
top: 6px;
border-radius: 10px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .hastag_list_sec a.hastag {
background: #dddddd;
margin-top: 15px;
display: inline-block;
padding: 6px 18px;
color: #000;
border-radius: 30px;
font-size: 13px;
font-family: 'Poppins';
}
.news_view_page_wrap .full_article_content_side_ad_sec .hastag_list_sec {
margin-top: 5px;
margin-bottom: 20px;
}
.news_view_page_wrap .full_article_content_side_ad_sec .hastag_list_sec a.hastag:hover {
background: #ed1a3b;
color: #fff;
}
.side_news_listing .img_box picture {
position: relative;
display: block;
}
.inner_pg_hr_grid h2.sec_heading {
text-align: left;
}
/***** End News view Page ******/
/***** News Category Page ******/
.categorypg_top_sec .vr_news h4.sm_txt, .categorypg_news_wrap_side_ad_wrap .inner_th_listing h4.sm_txt {
margin-left: 10px;
}
.categorypg_top_sec .col-md-6 li.mt-4:first-child {
margin-top: 0 !important;
}
.categorypg_top_sec .col-md-6 li .media img.img-fluid, .categorypg_news_wrap_side_ad_wrap .inner_th_listing li a img.img-fluid {
max-width: 165px;
}
.categorypg_news_wrap_side_ad_wrap .inner_th_listing li {
margin-top: 15px;
}
.categorypg_news_wrap_side_ad_wrap .inner_th_listing li:first-child {
margin-top: 0;
}
.innerpg_lg_btn_sec {
text-align: center;
margin-top: 30px;
}
.innerpg_lg_btn_sec a.innerpg_btn {
display: inline-block;
background: #c62231;
font-size: 25px;
color: #fff;
padding: 5px 30px;
line-height: 35px;
border-radius: 5px;
}
.innerpg_lg_btn_sec a.innerpg_btn:hover {
border-radius: 7px;
background: #626262;
}
.categorypg_top_sec .vr_news .category, .categorypg_news_wrap_side_ad_wrap .inner_th_listing .category {
width: 35px;
}
/***** // News Category Page ******/