/** 
* Site: পারফেক্ট আইটি সার্ভিস
* Based on Taranga News Advance News template
*/ 
 
/*-------------------------------------------------------------- 
# General 
--------------------------------------------------------------*/ 
/* bengali */ 
 
.tt-text{ 
 color: var(--tt-text-color) !important; 
} 
.tt-primary-bg{ 
 background-color: var(--tt_primary_color) !important; 
} 
.tt-primary-color{ 
 color: var(--tt_primary_color) !important; 
} 
.tt-white{ 
 background-color: var(--tt-white-color) !important; 
} 
.tt-gray{ 
 background-color: var(--tt-gray-color) !important; 
} 
 
body { 
 font-family: SolaimanLipi ; 
 background:var(--tt-white-color) ; 
 
} 
 
a { 
 color: #000000; 
 text-decoration: none; 
 transition: 0.3s; 
} 
a:hover { 
 color: #3d3d3d; 
 text-decoration: none; 
} 
a.tech-text:hover{ 
 color: var(--tt_primary_color) ; 
} 
h1, h2, h3, h4, h5, h6 { 
 font-family: SolaimanLipi ; 
 font-weight: bold; 
} 
 
.form-control:focus { 
 box-shadow: unset !important; 
} 
.techtaranga_subtitle { 
 color: #c3282d; 
} 
/* scrol bar */ 
.no-scrol-bar::-webkit-scrollbar { 
 width: 0; /* Remove scrollbar space */ 
 background: transparent; /* Optional: just make scrollbar invisible */ 
} 
/* Optional: show position indicator in red */ 
.no-scrol-bar::-webkit-scrollbar-thumb { 
 background: #FF0000; 
} 
 
.tt_pbg{ 
 background: var(--tt_primary_color); 
} 
.tt_pbg:hover{ 
 background: var(--tt_primary_color); 
} 
 
 
.cursor-pointer{ 
 cursor: pointer; 
} 
#techtaranga_backToTop { 
 line-height: 3; 
 position: fixed; 
 bottom: 30px; 
 right: 30px; 
 display: none; 
 background: white; 
 border: 1px solid; 
 color: #b0b0b0; 
 border-radius: 50%; 
 cursor: pointer; 
 font-size: 21px; 
 transition: opacity 0.3s ease; 
 height: 35px; 
 text-align: center; 
 width: 35px; 
 line-height: 32px; 
} 
#techtaranga_backToTop:hover { 
 background: var(--tt_primary_color); 
 color: white; 
} 
 
 /*************************************************** 
 @ Main Menu 
 *****************************************************/ 
.tt_nav-menu { 
 list-style-type: none; 
 padding: 0; 
 margin: 0; 
 display: flex; 
} 
ul.tt_nav-menu li{ 
 padding: 10px 20px; 
} 
ul.tt_nav-menu li.has-children{ 
 padding-right: 20px; 
} 
.tt_nav-menu .nav-item { 
 position: relative; 
} 
 
.tt_nav-menu .nav-item > a { 
 display: block; 
 text-decoration: none; 
 position: relative; 
 font-size: 16px; 
 font-weight: 600; 
 color: #202124; 
} 
 
.tt_nav-menu .nav-item > a:hover { 
 color: var(--tt_secondary_color); 
} 
 
.tt_nav-menu .nav-item.has-children > a::after { 
 content: '\F229'; 
 position: absolute; 
 top: 2px; 
 font-family: bootstrap-icons!important; 
 right: -15px; 
 font-weight: bold; 
 font-size: 10px; 
 line-height: 20px; 
 transition: 0.3s; 
} 
 
.tt_nav-menu .nav-item.has-children:hover > a::after { 
 transition: 0.3s; 
} 
 
.tt_nav-menu .child-menu { 
 padding: 0; 
 margin: 0; 
 position: absolute; 
 top: 100%; 
 left: 0; 
 width: 200px; 
 background-color: #f5f5f5; 
 display: none; 
 z-index: 10; 
 list-style-type: none; 
} 
.tt_nav-menu .child-menu .child-item{ 
 padding: 0; 
} 
.tt_nav-menu .child-item > a { 
 display: block; 
 padding: 10px 20px; 
 color: var(--tt_primary_color) !important; 
 text-decoration: none; 
} 
.tt_nav-menu .child-item > a:hover { 
 color: var(--tt_primary_color); 
} 
.tt_nav-menu .nav-item:hover .child-menu { 
 display: block; 
} 
 
 /*************************************************** 
 @ Header 
 *****************************************************/ 
/* Sriky Header */ 
.sticky-nav { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 box-shadow: 0px 5px 5px -5px #000; 
 z-index: 1041; 
} 
 
/* Mobile Menue */ 
.mobile_navmenu, 
.mobile_navmenu, .mobile_navmenu .child-item { 
 padding: 0; 
 margin: 0; 
 padding-right: 30px; 
 list-style-type: none; 
} 
.mobile_navmenu .nav-item a, .mobile_navmenu .child-item a { 
 font-size: 18px; 
 padding: 4px 0; 
 display: block; 
} 
.mobile_navmenu .nav-item.has-children{ 
 font-size: 50px; 
 position: relative; 
} 
.mobile_navmenu .nav-item.has-children::before { 
 font-size: 14px; 
 position: absolute; 
 right: -20px; 
 top: 4px; 
 width: auto; 
 content: "\f107"; 
 font-family: "Font Awesome 6 Free"; 
 font-weight: 900; 
 transition: .3s; 
 cursor: pointer; 
} 
.mobile_navmenu .nav-item.has-children .child-menu { 
 max-height: 0px; 
 overflow: hidden; 
 opacity: 0; 
 transform: scaleY(0); 
 transform-origin: top; 
 transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out; 
} 
 
.mobile_navmenu .nav-item.has-children:hover .child-menu { 
 max-height: 500px; 
 opacity: 1; 
 transform: scaleY(1); 
} 
 
/* Secondary menu */ 
.secondary_menu_tt { 
 list-style-type: none; 
 margin: 0; 
 padding: 0; 
 flex-wrap: wrap; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.secondary_menu_tt li { 
 position: relative; 
} 
 
.secondary_menu_tt li:not(:last-child) { 
 padding-right: 20px; 
} 
.secondary_menu_tt li:not(:last-child)::after { 
 content: "|"; 
 color: #acacac; 
 font-size: 12px; 
 position: absolute; 
 font-weight: bold; 
 right: 8px; 
 top: 50%; 
 transform: translateY(-50%); 
} 
 
/*************************************************** 
@ Social Menu Style Normal 
*****************************************************/ 
 
.techtaranga_social_menu a { 
 padding: 5px; 
 color:gray; 
 transition: 0.3s; 
 font-size: 18px; 
} 
.techtaranga_social_menu.bordered a { 
 padding: 5px; 
 color: gray; 
 margin: 0 2px; 
 transition: 0.3s; 
 display: inline-block; 
 font-size: 13px !important; 
 height: 26px; 
 text-align: center; 
 width: 26px; 
 border: 1px solid; 
 line-height: 17px; 
} 
.techtaranga_social_menu.round.bordered a { 
 border-radius: 50%; 
} 
.techtaranga_social_menu.squere.bordered a { 
 border-radius: 6px; 
} 
.techtaranga_social_menu a:hover { 
 color: #666666; 
} 
.techtaranga_social_menu.color .facebook { 
 color: #1877F2 !important; 
 border-color: #1877F2; 
} 
.techtaranga_social_menu.color .twitter { 
 color: #000000 !important; 
 border-color: #000000; 
 } 
.techtaranga_social_menu.color .linkedin{ 
 color: #0A66C2 !important; 
 border-color: #0A66C2; 
 } 
.techtaranga_social_menu.color .instagram { 
 color: #E4405F !important; 
 border-color: #E4405F; 
 } 
.techtaranga_social_menu.color .youtube { 
 color: #FF0000 !important; 
 border-color: #FF0000; 
 } 
.techtaranga_social_menu.color .whatsapp { 
 color: #25D366 !important; 
 border-color: #25D366; 
 } 
.techtaranga_social_menu.color .envelope { 
 color: #D14836 !important; 
 border-color: #D14836; 
 } 
/*************************************************** 
@ BD Map 
*****************************************************/ 
.bd-map { 
 border-radius: 6px; 
 overflow: hidden; 
 border: 1px solid #00c975; 
 position: relative; 
} 
.bd-map .ab_title { 
 background-image: url(../image/your-aria-news.png); 
 background-size: cover; 
 background-repeat: no-repeat; 
 text-align: center; 
 color: #fff; 
 font-size: 20px; 
 font-weight: 700; 
 background-position: bottom center; 
 line-height: 40px; 
} 
 .bd-map .ab_title a{ 
 color: #fff; 
} 
 .bd-map .at_bd_map { 
 padding: 5px; 
} 
 
.bd-map .at_bd_map svg { 
 height: 323px; 
} 
 
/* 
@ Join 
*/ 
#join_techtaranga{ 
 background-image: url("../image/register-bg.jpg"); 
 height: 100%; 
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: cover; 
} 
 
.attraiit-card{ 
 border-radius: 15px; 
 overflow: hidden; 
} 
#join_techtaranga .select2-container--default .select2-selection--single { 
 border: unset; 
 border-bottom: 1px solid #ced4da; 
 border-radius: 0; 
} 
.select2-dropdown { 
 background-color: white; 
 border: 1px solid #aaa; 
 border-bottom: 1px solid #aaa !important; 
} 
 
/* 
@ Account 
*/ 
#account_attraibarta{ 
 background: #f5f8ff; 
} 
.attraiit-profile { 
 border-top: 4px solid #0d7f40 !important; 
} 
.ttaranga_ab_avater { 
 position: relative; 
 height: 180px; 
 width: 180px; 
 margin: auto; 
 border-radius: 50%; 
 overflow: hidden; 
} 
.tt_acc_card .ttaranga_ab_avater{ 
 position: relative; 
 overflow: hidden; 
 border-radius: 100%; 
} 
.ttaranga_ab_avater img { 
 height: 100%; 
 width: auto; 
} 
.ttaranga_ab_avater_update { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 background: rgb(1 1 1 / 46%); 
 display: block; 
 color: white; 
} 
 
.ttaranga_ab_avater_update i { 
 padding: 5px 0; 
 font-size: 20px; 
 display: block; 
 cursor: pointer; 
} 
 
.tt_acc_card .ttaranga_ab_avater img{ 
 height: auto; 
 width: 100% 
} 
.ttaranga_avater_box { 
 border: unset !important; 
 background-color: white; 
} 
.ttaranga_avater_box .modal-header{ 
 border-bottom:1px solid gray; 
} 
.ttaranga_avater_box .modal-footer{ 
 border-top:1px solid gray; 
} 
.ttaranga_avater_box .btn-close { 
 filter: brightness(2) invert(1); 
} 
.attraiit-profile .profile-main h4 { 
 color: #464646; 
} 
.attraiit-profile .profile-main h5 { 
 color: #535353; 
} 
.attraiit-profile .profile-main h5 .pro-ver-signature{ 
 font-size: 15px; 
} 
.count-ac ul { 
 list-style-type: none; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 margin: 10px; 
} 
.count-ac ul li { 
 position: relative; 
} 
.count-ac ul li span { 
 font-weight: 600; 
} 
.count-ac ul li p { 
 font-size: 12px; 
 margin-bottom: -5px; 
} 
.count-ac ul li i{ 
 display: block; 
 transform: rotate(90deg); 
 font-size: 25px; 
 color: #939393; 
} 
.attraibarta-opts ul li{ 
 list-style-type: none; 
} 
.attraibarta-opts ul li a { 
 font-size: 18px; 
 line-height: 48px; 
 display: block; 
 font-weight: bold; 
 margin-top: 3px; 
 padding: 1px 10px; 
 border-radius: 10px; 
 color: rgb(73, 73, 73); 
} 
.attraibarta-opts ul li a:hover{ 
 color: rgb(73, 73, 73); 
 background: #f6f6f6; 
 
} 
.attraibarta-opts ul li img{ 
 height: 30px; 
 padding-right: 6px; 
} 
.ab_info-tbl{ 
 font-size: 18px; 
 line-height: 40px; 
} 
 
 
 
/* 
@ Welcome Wedget 
*/ 
.welcome-user { 
 background-image: url("https://attraibarta.com/assets/image/your-aria-news.png"); 
 background-color: #00c975; 
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: cover; 
 position: relative; 
 overflow: hidden; 
 color: white; 
} 
 
.otp-wd { 
 text-decoration: none !important; 
 transition: all 0.4s ease-in-out; 
 position: relative; 
 width: 100%; 
 height: 80px; 
 background: #fff; 
 border-radius: 5px; 
 padding: 1rem; 
 display: flex; 
 align-items: center; 
 box-shadow: 0px 0 30px rgb(1 41 112 / 10%); 
} 
.otp-wd img { 
 margin-right: 16px; 
 margin-left: 5px; 
 height: 40px; 
} 
.otp-wd p { 
 font-weight: bold; 
 text-align: left; 
 margin-bottom: 0; 
 font-size: 20px 
} 
.otp-wd p.count { 
 font-size: 24px; 
} 
 
.otp-wd::before { 
 content: ""; 
 position: absolute; 
 height: 80%; 
 left: 0; 
 top: 50%; 
 bottom: 0; 
 transform: translateY(-50%); 
 width: 10px; 
 border-top-right-radius: 5px; 
 border-bottom-right-radius: 5px; 
} 
.otp-wd.yeallow:hover { 
 background: hsl(44deg 97% 57% / 26%); 
} 
.otp-wd.yeallow::before { 
 background: #fcc328; 
} 
.otp-wd.blue:hover { 
 background: rgb(82 134 255 / 26%); 
} 
.otp-wd.blue::before { 
 background: rgb(82 134 255); 
} 
.otp-wd.deeptomato:hover { 
 background: rgb(205 110 45 / 26%); 
} 
.otp-wd.deeptomato::before { 
 background: rgb(205 110 45); 
} 
 
/* Recent Activity */ 
.card-ab { 
 margin-bottom: 30px; 
 border: none; 
 border-radius: 5px; 
 background: white; 
 box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1); 
 overflow: hidden; 
} 
 
.card-header, .card-footer { 
 border-color: #ebeef4; 
 background-color: #fff; 
 color: #798eb3; 
 padding: 15px; 
} 
 
.card-title { 
 padding: 20px 0 15px 0; 
 font-size: 18px; 
 font-weight: bolder; 
 color: #012970; 
} 
.card-title span { 
 color: #899bbd; 
 font-size: 14px; 
 font-weight: 400; 
} 
 
.card-body { 
 padding: 0 20px 20px 20px; 
} 
.filter .icon { 
 color: #aab7cf; 
 padding-right: 20px; 
 padding-bottom: 5px; 
 transition: 0.3s; 
 font-size: 16px; 
} 
 
.filter { 
 position: absolute; 
 right: 0px; 
 top: 15px; 
} 
.activity { 
 font-size: 14px; 
} 
.activity .activity-item .activite-label { 
 color: #888; 
 position: relative; 
 flex-shrink: 0; 
 flex-grow: 0; 
 min-width: 64px; 
} 
.activity .activity-item .activite-label::before { 
 content: ""; 
 position: absolute; 
 right: -11px; 
 width: 4px; 
 top: 0; 
 bottom: 0; 
 background-color: #eceefe; 
} 
.activity .activity-item .activity-badge { 
 margin-top: 3px; 
 z-index: 1; 
 font-size: 11px; 
 line-height: 0; 
 border-radius: 50%; 
 flex-shrink: 0; 
 border: 3px solid #fff; 
 flex-grow: 0; 
} 
.activity .activity-item .activity-content { 
 padding-left: 10px; 
 padding-bottom: 20px; 
} 
.activity .activity-item:first-child .activite-label::before { 
 top: 5px; 
} 
.activity .activity-item:last-child .activity-content { 
 padding-bottom: 0; 
} 
 
 
/* News & Updates */ 
.dashboard .news .post-item + .post-item { 
 margin-top: 15px; 
} 
.dashboard .news img { 
 width: 80px; 
 float: left; 
 border-radius: 5px; 
} 
.dashboard .news h4 { 
 font-size: 15px; 
 margin-left: 95px; 
 font-weight: bold; 
 margin-bottom: 5px; 
} 
.dashboard .news h4 a { 
 color: #012970; 
 transition: 0.3s; 
} 
.dashboard .news h4 a:hover { 
 color: #4154f1; 
} 
.dashboard .news p { 
 font-size: 14px; 
 color: #777777; 
 margin-left: 95px; 
} 
 
/* 
@ App Options 
*/ 
.attraibarta-acc-optns { 
 transition: all 0.4s ease-in-out; 
 background: #ffffff; 
 border-radius: 5px; 
 display: flex; 
 justify-content: space-between; 
 flex-direction: column; 
 align-items: center; 
 position: relative; 
} 
.attraibarta-acc-optns::before { 
 content: ""; 
 position: absolute; 
 width: 80%; 
 left: 50%; 
 bottom: 0; 
 transform: translateX(-50%); 
 height: 10px; 
 border-top-left-radius: 5px; 
 border-top-right-radius: 5px; 
} 
.attraibarta-acc-optns.blue { 
 background: rgb(142 149 243 / 29%); 
} 
.attraibarta-acc-optns.blue::before { 
 background: rgb(142 149 243); 
} 
.attraibarta-acc-optns.gray { 
 background: rgb(125 134 143 / 29%); 
} 
.attraibarta-acc-optns.gray::before { 
 background: rgb(125 134 143); 
} 
.attraibarta-acc-optns.red { 
 background: rgb(244 115 80 / 16%); 
} 
.attraibarta-acc-optns.red::before { 
 background: rgb(244 115 80); 
} 
.attraibarta-acc-optns.red2::before { 
 background: rgb(186 54 12); 
} 
.attraibarta-acc-optns.red2 { 
 background: rgb(244 115 80 / 16%); 
} 
.attraibarta-acc-optns.yeallow::before { 
 background:rgb(158 54 192); 
} 
.attraibarta-acc-optns.yeallow { 
 background: rgb(158 54 192 / 19%); 
} 
.attraibarta-acc-optns.logout::before { 
 background: rgb(255 0 0); 
} 
.attraibarta-acc-optns.logout { 
 background: rgb(255 0 0 / 16%); 
} 
.attraibarta-acc-optns h4 { 
 font-weight: bold; 
 text-align: center; 
 font-size: 18px; 
} 
 
/* Featured Image Uploader */ 
.image_upload_div{ 
 position: relative; 
} 
.featured_image_article_selector { 
 background: #f5f4f4; 
 position: relative; 
 display: block; 
 border: 2px dashed #9d9d9d; 
 width: 100%; 
 border-radius: 6px; 
 min-height: 100px; 
 overflow: hidden; 
} 
 
.featured_image_article_selector::before { 
 content: ''; 
 display: block; 
 padding-top: 56.25%; /* 16:9 aspect ratio (height = width * 9/16) */ 
} 
 
.featured_image_article_selector input { 
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0; 
 opacity: 0; 
 cursor: pointer; 
 z-index: 1; 
} 
 
.featured_image_article_selector span { 
 position: absolute; 
 color: #939393; 
 top: 50%; 
 width: 100%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 text-align: center; 
} 
 
.image_preview img { 
 border-radius: 5px; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; /* Ensures the image fills the container while maintaining its aspect ratio */ 
} 
.cursor-pointer{ 
 cursor: pointer; 
} 
 
.image_upload_div .invalid-feedback { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 background: #dc3545; 
 color: white; 
 padding: 4px; 
 text-align: center; 
} 
 
/* 
@ File Upload 
*/ 
.file-profile:hover{ 
 background-color: #f6f6f6; 
 transition: 0.3s; 
} 
.file-profile img{ 
 float: left; 
 height: 50px; 
 padding-right: 6px; 
} 
.file-profile .file-info h6 { 
 color: #4a4a4a; 
 font-size: 16px; 
} 
.file-profile .file-info p { 
 font-size: 15px; 
} 
 
 
/* 
@ 404 Page Design 
*/ 
.error_404 img{ 
 height: 165px; 
} 
.error_404 h1{ 
 font-size: 30px; 
} 
.error_404 p{ 
 font-size:15px; 
} 
.error_404 .search-form .i-form{ 
 border-radius: 40px; 
 border: 1px solid #4fc3f7; 
 overflow: hidden; 
} 
 
/* 
@ User Card New 
*/ 
.profile-card-user{ 
 background:red; 
} 
 
/* 
@ Footer Section 
*/ 
.techtaranga_footer{ 
 background-color: var(--tt_footer_bg); 
} 
.techtaranga_footer .footer_top{ 
 background: var(--tt_footer_top_bg); 
 color: var(--tt_footer_top_color); 
 font-size:var(--tt_footer_top_font_size); 
 padding: var(--tt_footer_top_padding); 
} 
.techtaranga_footer .footer_top a, 
.techtaranga_footer .footer_top p, 
.techtaranga_footer .footer_top span{ 
 color: var(--tt_footer_top_color); 
 font-size:var(--tt_footer_top_font_size); 
} 
.techtaranga_footer .footer_middle{ 
 background: var(--tt_footer_middle_bg); 
 color: var(--tt_footer_middle_color); 
 font-size:var(--tt_footer_middle_font_size); 
 padding: var(--tt_footer_middle_padding); 
} 
.techtaranga_footer .footer_middle a, 
.techtaranga_footer .footer_middle p, 
.techtaranga_footer .footer_middle span{ 
 color: var(--tt_footer_middle_color); 
 font-size:var(--tt_footer_middle_font_size); 
} 
.techtaranga_footer .footer_bottom{ 
 background: var(--tt_footer_bottom_bg); 
 color: var(--tt_footer_bottom_color); 
 font-size:var(--tt_footer_bottom_font_size); 
 padding: var(--tt_footer_bottom_padding); 
} 
.techtaranga_footer .footer_bottom i, 
.techtaranga_footer .footer_bottom a, 
.techtaranga_footer .footer_bottom p, 
.techtaranga_footer .footer_bottom span{ 
 color: var(--tt_footer_bottom_color); 
 font-size:var(--tt_footer_bottom_font_size); 
} 
 
/**************************** 
/**Profile Page For Creator 
****************************/ 
 
.creator_profile { 
 margin-top: -5px; 
 padding: 35px 0; 
 padding-bottom: 50px; 
} 
.creator_profile .creator_top { 
 background: white; 
 border-radius: 10px; 
} 
.creator_image img { 
 border-radius: 10px; 
 height: auto; 
 width: 200px; 
} 
.creator_image { 
 float: left; 
} 
.creator_bio { 
 padding-left: 215px; 
} 
.creator_title { 
 background: #f3f4f6; 
 display: inline-block; 
 padding: 5px 14px; 
 border-radius: 26px; 
 font-weight: 600; 
 color: #616161; 
} 
.creator_social ul { 
 padding: 0; 
 list-style-type: none; 
 float: right; 
} 
.creator_social ul li { 
 padding: 5px 0; 
} 
.ab_social i { 
 padding: 10px; 
 border-radius: 5px; 
} 
.ab_social .fa-facebook { 
 background: #3B5998; 
 color: white; 
} 
 
.ab_social .fa-twitter { 
 background: #55ACEE; 
 color: white; 
} 
 
.ab_social .fa-youtube { 
 background: #bb0000; 
 color: white; 
} 
 
.ab_social .fa-instagram { 
 background: linear-gradient(145deg, #675cd2 10%, #da4276 70%); 
 color: white; 
} 
#followCreator { 
 white-space: nowrap; 
 border-radius: 7px; 
 border-style: none; 
 background-color: #d32f2f; 
 font-size: 16px; 
 font-weight: 600; 
 color: white; 
 padding: 6px 19px; 
} 
.creator_action { 
 align-items: center; 
 display: flex; 
} 
.meta_name, .meta_value { 
 display: block; 
 text-align: center; 
} 
.meta_name, .meta_value { 
 font-weight: 600; 
 font-size: 12px; 
} 
.meta_value { 
 font-weight: 700; 
 font-size: 13px; 
} 
.meta_separator { 
 height: 36px; 
 width: 1px; 
 margin: 0 10px; 
 border-radius: 0.5rem; 
 background-color: #9c9c9c; 
} 
 
.searchbar_container { 
 align-items: center; 
 transform: translateY(-29px); 
 border-radius: 9px; 
 box-shadow: 0 8px 24px #1a29470a,0 2px 8px #1a294714; 
 background-color: white; 
 transition: transform .2s; 
} 
.searchbar_container select{ 
 border: unset; 
 background-color: #f5f7fc; 
 color: #707070; 
 font-weight: 500; 
} 
.searchbar_container select:focus { 
 border-color: #ced4da; 
 box-shadow: none; 
 outline: 0; 
} 
.view_type_button i { 
 display: inline-block; 
 padding: 4px 8px 0px 8px; 
 font-size: 21px; 
 border-radius: 4px; 
 color:#6e6e6e; 
 transition: 0.3s; 
 
} 
.view_type_button i:hover{ 
 
 background: #f5f7fc; 
 
} 
.ab_line { 
 width: 1px; 
 margin: 0 6px; 
 height: 36px; 
 display: inline-block; 
 background-color: #dddddd; 
} 
.creator_search_input{ 
 width:100%; 
} 
.creator_search_input input { 
 border: unset; 
 font-weight: 600; 
} 
.creator_search_input input:focus { 
 border-color: #ced4da; 
 box-shadow: none; 
 outline: 0; 
} 
.search_icon { 
 line-height: 34px; 
 font-size: 20px; 
 padding-left: 10px; 
 color: #a5a5a5; 
} 
@media (max-width: 768px) { 
 .creator_image { 
 float: unset; 
 margin-top:-125px; 
 } 
 .creator_image img { 
 border-radius: 50%; 
 border: 5px solid #efefef; 
 margin-bottom: 16px; 
 } 
 .creator_profile .creator_top { 
 margin-top:125px; 
 } 
 .creator_bio { 
 padding-left: unset; 
 } 
 .creator_action { 
 align-items: center; 
 flex-direction: column; 
 justify-content: center; 
 } 
 .creator_social { 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 margin-top: 15px; 
 } 
 
 .creator_social ul { 
 display: flex; 
 align-items: center; 
 list-style: none; 
 padding: 0; 
 } 
 .creator_social ul li{ 
 padding:0 10px; 
 } 
 #followCreator { 
 font-size: 12px; 
 padding: 6px 9px; 
 } 
} 
 
/* Verification Section */ 
.account-section .form-verification-code .form-group .input_group { 
 display: flex; 
 justify-content: space-between; 
 text-align: center; 
 align-items: center; 
 gap: 12px; 
} 
.form-verification-code .form-group .input_group input { 
 width: 52px; 
 height: 64px; 
 font-size: 22px; 
 font-weight: 600; 
 display: inline-flex; 
 text-align: center; 
 justify-content: center; 
 padding: 0; 
} 
 
.form-verification-code .countdown_code .btn-resend { 
 font-size: 13px; 
 font-weight: 500; 
 padding: 8px 20px; 
} 
 
.pwd_icon{ 
 position: absolute; 
 cursor: pointer; 
 top: 50%; 
 transform: translate(50%, -50%); 
 right: 30px; 
} 
 
/**************************** 
/** Category Heading Design 
****************************/ 
 
.heading-postcard h2 { 
 font-size:var(--tt_post_block_fs); 
} 
 
 
/* Category Heading 1 */ 
.heading-postcard.hp-1 { 
 position: relative; 
 overflow: hidden; 
} 
.heading-postcard.hp-1 h2 { 
 padding: 10px 0; 
} 
 
.heading-postcard.hp-1 h2::after { 
 height: 3px; 
 width: 100%; 
 background: var(--tt_primary_color); 
 content: ''; 
 left: 0; 
 position: absolute; 
 bottom: 0; 
} 
.heading-postcard.hp-1 .indicator-hp { 
 font-size: 17px; 
 font-weight: normal; 
} 
 
/* Category Heading 2 */ 
.heading-postcard.hp-2 h2 { 
 margin: 0 0 15px; 
 padding-left: 20px; 
 padding-bottom: 7px; 
 color: #000; 
 font-weight: 600; 
 position: relative; 
} 
.heading-postcard.hp-2 h2::before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 top: 6px; 
 background: var(--tt_primary_color); 
 width: 10px; 
 height: 16px; 
 transform: skew(24deg,0deg); 
} 
.heading-postcard.hp-2 h2 .flex { 
 color: #000; 
 text-decoration: none; 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 align-items: center; 
 white-space: nowrap; 
} 
.heading-postcard.hp-2 h2 .long-line { 
 height: 3px; 
 background: #a5a5a5; 
 display: inline-block; 
 width: 100%; 
 margin-top: 0; 
 margin-left: 10px; 
} 
 
/* Category Heading 3 */ 
.heading-postcard.hp-3 .indicator-hp { 
 float: right; 
 font-size: 17px; 
 line-height: 32px; 
 font-weight: normal; 
} 
.heading-postcard.hp-3 .hp-name { 
 border-bottom: 2px solid ; 
 padding-bottom: 8px; 
} 
 
/* Category Heading 4 */ 
.heading-postcard.hp-4 { 
 background: #dedede; 
} 
.heading-postcard.hp-4 .indicator-hp { 
 font-size: 17px; 
 font-weight: normal; 
 padding-right: 10px; 
} 
.heading-postcard.hp-4 .hp-name { 
 display: inline-block; 
 color: white; 
 padding: 0 10px 
} 
.heading-postcard.hp-4 h2 { 
 padding: 10px; 
 background: var(--tt_primary_color); 
} 
 
/* Category Heading 5 */ 
.heading-postcard.hp-5 { 
 display: block; 
 background: #f2f2f2; 
 background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 50%, #eeeeee 51%, #eeeeee 100%); 
 background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 50%, #eeeeee 51%, #eeeeee 100%); 
 background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 50%, #eeeeee 51%, #eeeeee 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#eeeeee', GradientType=0); 
 display: inline-block; 
 width: 100%; 
 overflow: hidden; 
} 
.heading-postcard.hp-5 span{ 
 float: right; 
 background: var(--tt_primary_color); 
 color: #fff; 
 padding: 12px; 
 font-size: 1rem; 
} 
.heading-postcard.hp-5 h2 { 
 padding: 8px 0 5px 15px; 
 float: left; 
 display: inline-block; 
} 
/* Category Heading 6 */ 
.heading-postcard.hp-6 { 
 position: relative; 
 overflow: hidden; 
} 
.heading-postcard.hp-6 h2 { 
 padding: 10px 0; 
} 
.heading-postcard.hp-6 h2::before { 
 height: 3px; 
 width: 100%; 
 background: #cecece; 
 content: ''; 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 
} 
.heading-postcard.hp-6 h2::after { 
 height: 3px; 
 width: 33%; 
 background: var(--tt_primary_color); 
 content: ''; 
 left: 0; 
 position: absolute; 
 bottom: 0; 
} 
.heading-postcard.hp-6 .indicator-hp { 
 font-size: 17px; 
 font-weight: normal; 
} 
 
/* Category Heading 7 */ 
.heading-postcard.hp-7 { 
 background: var(--tt_primary_color); 
 padding: 0 10px; 
} 
.heading-postcard.hp-7 h2 { 
 padding: 10px 0; 
} 
.heading-postcard.hp-7 a{ 
 color: white; 
} 
.heading-postcard.hp-7 .indicator-hp { 
 font-size: 17px; 
 font-weight: normal; 
} 
 
/* Category Heading 8 */ 
.heading-postcard.hp-8 h2 { 
 margin: 0 0 15px; 
 padding-left: 20px; 
 padding-bottom: 7px; 
 color: #000; 
 font-weight: 600; 
 position: relative; 
} 
.heading-postcard.hp-8 h2::before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 top: 6px; 
 background: var(--tt_primary_color); 
 width: 10px; 
 height: 16px; 
 transform: skew(24deg,0deg); 
} 
.heading-postcard.hp-8 h2 .flex { 
 color: #000; 
 text-decoration: none; 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 align-items: center; 
 white-space: nowrap; 
} 
.heading-postcard.hp-8 h2 .long-line { 
 height: 3px; 
 background: #a5a5a5; 
 display: inline-block; 
 width: 100%; 
 margin-top: 0; 
 margin-left: 10px; 
} 
 
/* Category Heading 9 */ 
.heading-postcard.hp-9 { 
 overflow: hidden; 
 background: var(--tt_primary_color); 
 border-bottom: 3px solid var(--tt_primary_color); 
 position: relative; 
 margin-bottom: 15px; 
} 
.heading-postcard.hp-9 a { 
 color: #fff; 
 display: inline-block; 
 padding: 10px 30px 6px 15px; 
 margin: 0; 
 line-height: 24px; 
} 
.heading-postcard.hp-9 span { 
 position: relative; 
} 
.heading-postcard.hp-9 .heading-style-heading:after { 
 background:var(--tt-white-color); 
 content: ""; 
 position: absolute; 
 left: 0; 
 right: -20000px; 
 top: -15px; 
 height: 40px; 
 bottom: 0; 
 -webkit-transform: skewX(45deg); 
 -ms-transform: skewX(45deg); 
 transform: skewX(45deg); 
} 
.heading-postcard.hp-9 .heading-style-heading-left { 
 float: right; 
 margin-right: -16px; 
 color: var(--tt-text-color); 
} 
.heading-postcard.hp-9 .heading-style-heading-left a { 
 font-size: 18px; 
 color: unset !important; 
} 
 
 
.heading-postcard.hp-10 { 
 text-align: center; 
 font-size: 24px; 
 font-weight: bold; 
 position: relative; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.heading-postcard.hp-10::before, 
.heading-postcard.hp-10::after { 
 content: ""; 
 flex: 1; 
 height: 1px; 
 background-color: black; 
} 
 
.heading-postcard.hp-10 h2 { 
 padding: 0 10px; 
 position: relative; 
} 
.heading-postcard.hp-10 h2 a{ 
 color: var(--tt_primary_color); 
} 
 
/**************************** 
/** News Blog Design 
****************************/ 
.news-title-lead { 
 font-size: 28px; 
 line-height: 36px; 
 color: #121212; 
 font-weight: 600; 
 overflow: hidden; 
 -webkit-line-clamp: 3; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
} 
 
.news-title-besic { 
 font-size: 18px !important; 
 line-height: 24px; 
 color: #2d3134; 
 font-weight: 600; 
 -webkit-line-clamp: 3; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.news-title-20 { 
 font-size: 20px !important; 
 line-height: 24px; 
 color: #2d3134; 
 font-weight: 600; 
 -webkit-line-clamp: 2; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.news-title-22 { 
 font-size: 22px !important; 
 line-height: 24px; 
 color: #2d3134; 
 font-weight: 600; 
 -webkit-line-clamp: 2; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.news-title-big { 
 color: #2d3134; 
 line-height: 26px; 
 font-weight: 600; 
 font-size: 20px; 
 -webkit-line-clamp: 2; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.news-title-1, .news-title-2, .news-title-3, .news-title-4{ 
 line-height: 24px; 
 margin: 0; 
} 
.news-time{ 
 font-size: 14px; 
 margin-top: 8px; 
 display: block; 
} 
.news-title{ 
 font-size: 28px; 
 line-height: 36px; 
 color: #121212; 
 font-weight: 600; 
} 
.news-title-1{ 
 line-height: 30px; 
 font-size: 22px; 
} 
.news-title-2{ 
 font-size: 20px; 
 line-height: 28px; 
} 
.news-title-3{ 
 font-size: 18px; 
 line-height: 28px; 
} 
.news-title-4{ 
 font-size: 16px; 
 line-height:22px; 
} 
.news-meta a { 
 font-size: 16px; 
 color: #696969; 
} 
.summery-lead { 
 font-size: 16px; 
 line-height: 22px; 
 -webkit-line-clamp: 4; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: justify; 
 color: #555555; 
 font-weight: 400; 
 margin: 0; 
} 
.summery-basic-2 { 
 font-size: 16px; 
 line-height: 22px; 
 -webkit-line-clamp: 2; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: justify; 
 color: #555555; 
 font-weight: 400; 
 margin: 0; 
} 
.summery-basic-3 { 
 font-size: 16px; 
 line-height: 22px; 
 -webkit-line-clamp: 3; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: justify; 
 color: #555555; 
 font-weight: 400; 
 margin: 0; 
} 
.summery-1, .summery-2, .summery-3, .summery-4, .summery-5, .summery-6, .summery-7{ 
 line-height: 26px; 
 font-size: 17px; 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: justify; 
} 
.summery-7{ 
 -webkit-line-clamp: 7; 
 } 
.summery-6{ 
 -webkit-line-clamp: 6; 
 } 
.summery-5{ 
 -webkit-line-clamp: 5; 
} 
.summery-4{ 
 -webkit-line-clamp: 4; 
} 
.summery-3{ 
 -webkit-line-clamp: 3; 
} 
.summery-2{ 
 -webkit-line-clamp: 2; 
} 
.summery-1{ 
 -webkit-line-clamp: 1; 
} 
.common-border-box { 
 padding: 8px; 
 border: 1px solid #e2e2e2; 
} 
@media (min-width: 992px) { 
 .news-separator-vertical-border { 
 border-right: 1px solid #e2e2e2; 
 } 
} 
 
.news-separator-horizontal-border { 
 border-top: 1px solid #e2e2e2; 
 margin: 15px 0px; 
} 
/* Mash News CSS */ 
.number-news-count-1{ 
 font-size: 72px; 
 color: #cccccc; 
} 
 
/* Liner News Block */ 
.news-sec-liner .news-image img{ 
 height: auto; 
 width: 100%; 
} 
.news-sec-liner .news-short-info .news-meta { 
 margin-top: 2px; 
} 
 
/* Stor SIngle Block */ 
.story-image{ 
 position: relative; 
} 
.story-image .story-image-ads{ 
 position: absolute; 
 display: block; 
 width: 100%; 
 bottom: 0; 
} 
.story-single-block { 
 height: 301px; 
 position: relative; 
 background-size: cover; 
 background-position: center center; 
 overflow: hidden; 
 border-radius: 10px; 
 display: block; 
} 
.story-single-block .news-title-4 { 
 background: linear-gradient(to top, rgb(0 0 0 / 99%) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%); 
 position: absolute; 
 bottom: 0; 
 width: 100%; 
 text-align: center; 
 padding: 96px 15px 15px 15px; 
 color: white; 
} 
.story-single-block .photo-stories-icon { 
 color: white; 
 display: inline-block; 
 background: #00000069; 
 position: absolute; 
 right: 14px; 
 top: 14px; 
 height: 30px; 
 width: 30px; 
 font-size: 14px; 
 text-align: center; 
 line-height: 32px; 
 border-radius: 20px; 
} 
.swiper-button-next:after, .swiper-button-prev:after { 
 font-size: 13px; 
 background: #000000cf; 
 display: block; 
 height: 27px; 
 width: 49px; 
 text-align: center; 
 line-height: 28px; 
 border-radius: 50px; 
 color: white; 
} 
 
 
/*************************************************** 
@ Galllery Style 
*****************************************************/ 
 
.gallery-img-1 { 
 height: 165px; 
 width: 100%; 
 object-fit: cover; 
} 
.gallery-img-cover-1 { 
 height: 405px; 
 width: 100%; 
 object-fit: cover; 
} 
.featured-image-photo{ 
 position: relative; 
} 
.featured-image-photo i { 
 position: absolute; 
 top: 16px; 
 left: 16px; 
 display: block; 
 line-height: 32px; 
 height: 30px; 
 width: 30px; 
 color: white; 
 border-radius: 3px; 
 background: hsl(0deg 0% 0% / 51%); 
 text-align: center; 
} 
.gal_title { 
 position: absolute; 
 bottom: 0; 
 width: 100%; 
 text-align: center; 
 left: 0; 
 font-size: 18px; 
 color: white; 
} 
.gallery_side{ 
 max-height: 600px; 
 overflow-y: auto; 
} 
.gallery-menu-link a { 
 color: #fff; 
 font-size: 24px; 
} 
.gallery-menu-link { 
 border: 0px; 
 position: relative; 
 margin-bottom: 15px; 
} 
.gallery-menu-link .menu-link-border-middle-full { 
 height: 3px; 
 background: #fff; 
 position: absolute; 
 display: inline-block; 
 left: 160px; 
 right: 0px; 
 top: 15px; 
} 
/*************************************************** 
@ PS Style 
*****************************************************/ 
.trending-area { 
 text-align: center; 
} 
.trending-list { 
 margin: 0; 
 padding: 0; 
} 
.trending-list li { 
 list-style-type: none; 
 display: inline-block; 
} 
.trending-list li span { 
 margin-right: 10px; 
 font-weight: bold; 
 font-size: 15px; 
 color: var(--tt-text-color); 
} 
.trending-list li a { 
 background: var(--tt-white-color); 
 color: var(--tt-text-color); 
 padding: 4px 8px; 
 margin-right: 10px; 
 transition: .2s; 
 box-shadow: 0 1px 2px rgb(0 0 0 / 10%); 
 margin-bottom: 0; 
 display: inline-block; 
} 
.trending-list li a:hover { 
 background: #2d292a; 
 color: #fff; 
} 
@media only screen and (max-width: 767px) { 
 .trending-area { 
 text-align: left; 
 overflow: auto; 
 white-space: nowrap; 
 padding-bottom: 10px; 
 } 
} 
 
.ps-carousel-lead-news .carousel-caption { 
 text-align: left; 
 padding: 4px 20px; 
 padding-bottom: 20px; 
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, .8) 100%); 
 width: 100%; 
 right: 0; 
 left: 0; 
 bottom: 0; 
 padding-bottom: 15px; 
} 
.ps-carousel-lead-news .carousel-item h1 { 
 text-align: left; 
 margin: 0; 
 color: #fff; 
} 
 
 
.prothom-songbad-post-style .ps-post-line-cat{ 
 transition: 0.3s; 
 position: absolute; 
 top: -35%; 
 right: 0; 
 background: var(--tt_primary_color); 
 display: inline-block; 
 padding: 1px 7px; 
 color: white; 
 z-index: 99; 
} 
.prothom-songbad-post-style .ps-post-line-img { 
 transition: 0.3s; 
} 
.prothom-songbad-post-style:hover .ps-post-line-cat { 
 top: 0; 
} 
.prothom-songbad-post-style:hover .ps-post-line-img { 
 transform: scale(1.05); 
} 
 
.ps-most-populler .nav-item{ 
background: #d7d7d7; 
width: 50%; 
text-align: center; 
} 
.nav-pills .nav-item.active { 
 background: var(--tt-white-color); 
 border-top: 3px solid #5e5e5e; 
} 
.nav-pills .nav-item a { 
 font-size: 21px; 
 font-weight: bold; 
 color: var(--tt-text-color); 
} 
.ps-most-populler .side-tab-main { 
 width: 100%; 
} 
.ps-most-populler .tab-content .news_content{ 
 max-height: 500px; 
 overflow-y: auto; 
 overflow-x: hidden; 
} 
 
.ps-video-section{ 
 background: #212121; 
} 
.pc-video-single{ 
 background: #333333; 
} 
.pc-video-single i { 
 position: absolute; 
 color: #ff0000; 
 top: 50%; 
 background: white; 
 opacity: 0.8; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 font-size: 45px; 
 display: block; 
 height: 54px; 
 width: 54px; 
 padding: 0px 0px 0px 5px; 
 text-align: center; 
 border-radius: 50%; 
 line-height: 62px; 
 transition: 0.3s; 
} 
 
.pc-video-single:hover i { 
 color: #000; 
 background: #fff; 
 opacity: 0.8; 
 left: 50%; 
} 
.ps-video-section-title span { 
 font-size: 20px; 
 background: #333333; 
} 
.ps-video-section-title h3 { 
 border-left: 4px solid var(--tt_primary_color); 
 padding-left: 10px; 
} 
 
.ps-category-lead-news{ 
 overflow: hidden; 
} 
.ps-category-lead-news .ps-clead-title{ 
 position: absolute; 
 width: 100%; 
 color: rgb(255, 255, 255); 
 bottom: 0px; 
 background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 100%); 
 padding: 7px 7px 0px; 
} 
.ps-category-lead-news:hover .ps-clead-img img{ 
 transform: scale(1.05); 
 transition: 0.3s; 
} 
 
.p_post_cat3{ 
 font-size: 34px; 
 transition: 0.3s; 
} 
.p_post_cat3:hover{ 
 color: var(--tt_primary_color); 
} 
.p_post_cat2{ 
 font-size: 24px; 
 color: var(--tt_primary_color); 
 border-bottom: 2px solid; 
} 
.p_post_cat1{ 
 font-size: 22px; 
 color: var(--tt_primary_color); 
} 
.p_post_cat_sub{ 
 border: 1px solid; 
 display: inline-block; 
 padding: 3px 10px; 
 margin-right: 5px; 
} 
.p_post_cat_sub2 { 
 display: inline-block; 
 position: relative; 
 font-size: 22px; 
 margin-right: 5px; 
 margin-left: 20px; 
 transition: 0.3s; 
} 
.p_post_cat_sub2:hover { 
 color: var(--tt_primary_color); 
} 
.cat_sub_icon { 
 position: absolute; 
 font-size: 10px; 
 color: #adadad; 
 left: -18px; 
 top: 50%; 
 transform: translate(0, -50%); 
} 
/* Custom Share Button */ 
.share-btn a,
.share-btn button { 
 height: 32px; 
 line-height: 30px; 
 margin-right: 6px; 
 width: 32px; 
 display: inline-block; 
 text-align: center; 
 border-radius: 20%; 
 font-size: 15px; 
 transition: all 0.3s; 
 border: none;
 padding: 0;
 cursor: pointer;
 vertical-align: top;
} 
.share-btn svg,
.share-btn i { 
 color: #fff; 
 fill: #fff; 
} 
.share-btn .facebook { 
 background: #3b5999; 
} 
.share-btn .twitter { 
 background: #000; 
} 
.share-btn .whatsapp { 
 background: #25D366; 
} 
.share-btn .copy-link { 
 background: #3578e5; 
} 
.share-btn .print-link { 
 background: #738a8d; 
} 
.share-btn .google-news { 
 background: #eee; 
} 
.share-btn .linkedin { 
 background: #0077b5; 
} 
.share-btn .messenger { 
 background: #0084ff; 
} 
.share-btn .photo-card { 
 background: #c20000; 
} 
 
.share-btn a:hover,
.share-btn button:hover {transform: translateY(-5px);} 

.story-details{ 
 text-align: justify; 
 font-size:var(--tt_post_content_fs); 
} 
 
.story-details h1 { 
 font-size: 2em; 
 margin: .67em 0 
} 
 
.story-details h2 { 
 font-size: 1.5em; 
 margin: .75em 0 
} 
 
.story-details h3 { 
 font-size: 1.17em; 
 margin: .83em 0 
} 
 
.story-details h5 { 
 font-size: .83em; 
 margin: 1.5em 0 
} 
 
.story-details h6 { 
 font-size: .75em; 
 margin: 1.67em 0 
} 
 
.story-details h1,.story-details h2,.story-details h3,.story-details h4,.story-details h5,.story-details h6 { 
 font-weight: bolder 
} 
 
.story-details ul { 
 list-style-type: disc; 
 margin-bottom: 10px; 
 margin-left: 24px 
} 
.story-details img { 
 width: 100%; 
 height: auto; 
} 
 
 
.story-details .simage-caption { 
 background: #f0f0ed; 
 display: block; 
 color: #757575; 
 font-size: 16px; 
 line-height: 30px; 
 padding: 5px; 
} 
 
.story-details ol { 
 list-style-type: none; 
 list-style-position: inside; 
 counter-reset: bengali-counter; 
 margin-bottom: 10px 
} 
 
.story-details ol ul,.story-details ul ul { 
 list-style-type: circle; 
 list-style-position: inside; 
 margin-left: 15px; 
 margin-bottom: 10px 
} 
 
.story-details ol ol,.story-details ul ol { 
 list-style-type: none; 
 margin-left: 15px; 
 counter-reset: bengali-counter; 
 margin-bottom: 10px 
} 
 
.story-details ol li { 
 counter-increment: bengali-counter; 
 position: relative; 
 padding-left: 30px; 
 margin-bottom: 5px 
} 
 
.story-details ol li:before { 
 content: counter(bengali-counter,bengali) ". "; 
 font-family: SolaimanLipi ; 
 position: absolute; 
 left: 0; 
 width: 25px; 
 text-align: right 
} 
 
.story-details .bodytext-image,.story-details .richtext-image.full-width { 
 width: 100% 
} 
 
.story-details .richtext-image.right { 
 margin-left: auto 
} 
 
.story-details ul li { 
 margin-bottom: 8px 
} 
 
.interview-sub-heading ul li { 
 margin-bottom: 16px!important 
} 
 
.story-details p { 
 font-size: var(--tt_post_content_fs); 
 margin-top: 16px; 
 text-align: justify; 
} 
 
.story-details p,.story-details p:last-child { 
 margin-bottom: 16px 
} 
 
.story-details a { 
 color: #1e88e5 
} 
 
.story-details a:hover { 
 color: var(--golden1) 
} 
 
.story-details .block-full_richtext iframe,.story-details .block-video iframe { 
 width: 100%; 
 max-height: 850px; 
 margin-bottom: 20px; 
 margin-top: 20px; 
 min-height: 480px 
} 
 
.story-details blockquote:before { 
 content: "‘‘"; 
 font-size: 4rem; 
 font-weight: 700; 
 position: absolute; 
 display: block; 
 color: var(--tt_primary_color); 
 top: -40px; 
 left: 30px 
} 
 
.story-details blockquote:not(.twitter-tweet):not(.instagram-media) { 
 font-size: 1.5rem; 
 color: #878787; 
 font-weight: 700; 
 padding: 8px 30px 0; 
 position: relative; 
 margin: 36px 0 24px 
} 
 
.story-details blockquote br { 
 display: none!important 
} 
 
.story-details blockquote b br { 
 display: none 
} 
 
.story-details blockquote b { 
 display: block; 
 color: #333; 
 font-size: 1.125rem; 
 margin-top: .5rem; 
 margin-bottom: 1px; 
 line-height: normal 
} 
 
.story-details blockquote i { 
 color: #333; 
 font-style: normal; 
 font-size: 1rem; 
 display: block; 
 line-height: normal 
} 
 
.story-details blockquote i br { 
 display: none 
} 
.video-container { 
 position: relative; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden; 
} 
.video-container iframe { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
} 
.fb-comment{ 
 width: 100%; 
} 
.fb-comment h2 { 
 width: 100%; 
 background: var(--tt_primary_color); 
 color: white; 
 font-size: 18px; 
} 
.next-content { 
 margin-bottom: 30px; 
 clear: both; 
 border-top: 5px solid #000; 
} 
.next-content span { 
 color: #fff; 
 background: #000; 
 border-radius: 0 0 15px 15px; 
 padding: 6px 15px 7px; 
 display: block; 
 width: 110px; 
 margin: -1px auto 0; 
 font-weight: bold; 
 border-bottom: 3px solid var(--tt_primary_color); 
} 
 
.btn-more-details { 
 background: var(--bg-color); 
 color: var(--text-color); 
 box-shadow: 0 1px 2px rgb(0 0 0 / 20%); 
 font-size: 18px; 
 border: 1px solid #fff; 
} 
.post-tipics a { 
 background: var(--tt-white-color); 
 color: var(--tt-text-color); 
 padding: 4px 8px; 
 margin-right: 10px; 
 transition: .2s; 
 margin-bottom: 0; 
 display: inline-block; 
} 
 
.read_also_post .rmp_container{ 
 background: #e9f5f5; 
} 
/* Calender */ 
tr.zabuto-calendar__navigation { 
 background: var(--tt_primary_color); 
 color: white; 
} 
tr.zabuto-calendar__days-of-week { 
 color:var(--tt_primary_color); 
} 
.zabuto-calendar__navigation__item--header { 
 padding: 7px; 
 font-size: 18px; 
} 
.zabuto-calendar__navigation__item--next, .zabuto-calendar__navigation__item--prev { 
 text-align: center; 
 cursor: pointer; 
 font-size: 16px; 
} 
.zabuto-calendar__days-of-week__item { 
 text-align: center; 
 padding: 8px 0; 
} 
td.zabuto-calendar__day--empty { 
 background: #ededed; 
} 
.zabuto-calendar__day--today { 
 background: var(--tt_primary_color); 
 border-radius: 35px; 
} 
.zabuto-calendar__navigation__item--header__year { 
 font-family: SutonnyMJ; 
 padding-left: 8px; 
} 
.zabuto-calendar__day a, 
.zabuto-calendar__day--today a{ 
 font-family: SutonnyMJ; 
 font-size: 20px; 
 color: #2f2f2f; 
} 
.zabuto-calendar__day--today a{ 
 color: white; 
} 
/* Archive Calender */ 
.archive_box input{ 
 border: 1px solid var(--tt_primary_color); 
} 
.archive_box a{ 
 border: 1px solid var(--tt_primary_color); 
 background: var(--tt_primary_color); 
 color: #fff; 
} 
/* News Ticker */ 
#techtaranga-ticker-box.techtaranga-ticker { 
 overflow: hidden; 
 white-space: nowrap; 
 width: 100%; 
 border-radius: 0px; 
 position: relative; 
} 
#techtaranga-ticker-box.techtaranga-ticker ul { 
 display: inline-block; 
 padding: 0px; 
 margin: 0px; 
 list-style: none; 
 margin-top: 5px; 
} 
#techtaranga-ticker-box.techtaranga-ticker ul li { 
 display: inline-block; 
 margin-right: 10px; 
} 
#techtaranga-ticker-box.techtaranga-ticker ul li img.ticker_img_icon { 
 height: 22px; 
 border-radius: 0px; 
} 
#techtaranga-ticker-box.techtaranga-ticker ul li .ticker-item { 
 display: flex; 
 margin: 0; 
 align-items: center; 
} 
#techtaranga-ticker-box.techtaranga-ticker ul li a { 
 padding-left: 7px; 
 font-weight: bold; 
} 
.techtaranga-ticker-container.techtaranga-ticker-1 { 
 background: var(--tt_primary_color); 
 padding: 3px; 
} 
.techtaranga-ticker-container.techtaranga-ticker-1 a{ 
 color: white; 
} 
.techtaranga-ticker-container.techtaranga-ticker-1 .techtaranga-ticker-title { 
 color: white; 
 padding: 0 11px; 
 font-weight: bold; 
 font-size: 21px; 
} 
.techtaranga-ticker-container.techtaranga-ticker-2 { 
 padding: 3px; 
 border: 1px solid #d7d7d7; 
 border-radius: 5px; 
} 
.techtaranga-ticker-container.techtaranga-ticker-2 .techtaranga-ticker-title { 
 color: white; 
 padding: 1px 11px; 
 font-weight: bold; 
 font-size: 21px; 
 background: var(--tt_primary_color); 
 border-radius: 5px; 
 margin-right: 10px; 
 margin-left: 1px; 
} 
.techtaranga-ticker-container.techtaranga-ticker-3 { 
 background: #f4f4f4; 
 overflow: hidden; 
} 
.techtaranga-ticker-container.techtaranga-ticker-3 .techtaranga-ticker-title { 
 color: white; 
 font-weight: bold; 
 padding: 5px 19px; 
 font-size: 21px; 
 background: var(--tt_primary_color); 
} 
.techtaranga-ticker-container.techtaranga-ticker-3 #techtaranga-ticker-box::before { 
 content: ""; 
 height: 16px; 
 width: 16px; 
 background: var(--tt_primary_color); 
 top: 9px; 
 left: -9px; 
 position: absolute; 
 transform: rotate(45deg); 
 z-index: 1; 
} 
.techtaranga-ticker-container.techtaranga-ticker-3 #techtaranga-ticker-box::after { 
 content: ""; 
 height: 100%; 
 width: 16px; 
 background: #f4f4f4; 
 right: -9px; 
 position: absolute; 
 z-index: 1; 
} 
 
/* Poll */ 
.techtaranga_poll{ 
 height: 100%; 
} 
.techtaranga_poll_date{ 
 font-size: 20px; 
} 
.techtaranga_poll_download{ 
 font-size: 20px; 
 cursor: pointer; 
} 
.techtaranga_poll_options_item { 
 background: #ecf6f8; 
 margin-top: 10px; 
 cursor: pointer; 
 user-select: none; 
 position: relative; 
 height: 30px; 
 overflow: hidden; 
} 
.techtaranga_poll_item_info { 
 position: absolute; 
 width: 100%; 
 top: 50%; 
 z-index: 25; 
 padding: 10px; 
 left: 0; 
 transform: translate(0, -50%); 
} 
.techtaranga_poll_options_item .techtaranga_poll_item_bar { 
 position: absolute; 
 top: 0; 
 left: 0; 
 display: block; 
 height: 100%; 
 background: #c3efff; 
 z-index: 20; 
} 
.dPoll{ 
 width: 500px; 
 height: auto; 
 background: red; 
 position: fixed; 
 top: -1000px; 
 left:-1000px 
} 
.video-container { 
 position: relative; 
 width: 100%; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden; 
 border-radius: 5px; 
} 
.video-container iframe { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border: 0; 
} 
.techtaranga_vwraper i { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 font-size: 34px; 
 color: white; 
} 
.techtaranga_vwraper h3 { 
 font-size: 18px; 
 margin-top: 8px; 
 font-weight: 600; 
 line-height: 24px; 
} 
.techtaranga_footer_slidad{ 
 position: fixed; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 background: #f3f3f3; 
 box-shadow: 0 0 #0000,0 0 #0000,0.333rem -6px 0.333rem #00000014; 
} 
.techtaranga_footer_slidad_inner{ 
 position: relative; 
} 
.techtaranga_footer_slidad_close { 
 position: absolute; 
 top: -31px; 
 background: #f3f3f3; 
 right: 0; 
 padding: 4px; 
 display: inline-block; 
 cursor: pointer; 
 border-top-left-radius: 10px; 
} 
.techtaranga_header_slidad{ 
 background: #f3f3f3; 
} 
.techtaranga_header_slidad_inner{ 
 position: relative; 
} 
.techtaranga_header_slidad_close { 
 position: absolute; 
 bottom: -31px; 
 background: #f3f3f3; 
 right: 0; 
 padding: 4px; 
 display: inline-block; 
 cursor: pointer; 
 border-bottom-left-radius: 10px; 
} 
.container-fluid { 
 position: relative; 
 width: 100%;
 max-width: 1400px; 
 margin-left: auto;
 margin-right: auto;
} 
.techtaranga_video_slider .slick-next:before, 
.techtaranga_video_slider .slick-prev:before { 
 color: var(--tt_primary_color); 
} 
.techtaranga_video_slider .slick-slide { 
margin: 0 10px; 
} 
.techtaranga_video_slider .slick-list { 
margin: 0 -10px; 
} 
.custom_hr_mr{ 
 margin:11px 0 !important ; 
} 
.slick-prev { 
 left: 0 !important; 
 z-index: 999; 
} 
 
.slick-next { 
 right: 0 !important; 
 z-index: 999; 
} 
.tt_update_title { 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
} 
.tt_update_title.bordered { 
 padding-bottom: 8px; 
 border-bottom: 5px solid; 
} 
.tt_update_title .title_text{ 
 font-size: 24px; 
} 
.tt_update_title .title_more{ 
 font-size: 18px; 
} 
.tt_update_title .title_more i { 
 font-size: 18px; 
 height: 30px; 
 display: inline-block; 
 text-align: center; 
 line-height: 30px; 
 border-radius: 50%; 
 width: 30px; 
 border: 2px solid; 
} 
.my_time{ 
 font-size: 15px; 
} 
.bg_featured_image{ 
 background-size: cover !important; 
 height: 200px; 
 background-position: center !important; 
} 
.video-hit{ 
 position: absolute; 
 top: 10px; 
 right: 10px; 
 color: #fff; 
 background: #00000079; 
 padding: 5px; 
 border-radius: 5px; 
} 
.tab_bar_block_stories ul{ 
 display: table; 
 margin: 0; 
 padding: 0; 
 width: 100%; 
 margin-bottom: 10px; 
} 
.tab_bar_block_stories li{ 
 display: table-cell; 
 width: 50%; 
 position: relative; 
 padding-bottom: 5px; 
 border-bottom: 2px solid #ebebeb; 
 bottom: -2px; 
 cursor: pointer; 
} 
.tab_bar_block_stories li span{ 
 font-size: 17px; 
 font-weight: bold; 
} 
.tab_bar_block_stories li.active{ 
 border-bottom: 3px solid #c3282d; 
} 
.tab_bar_block_stories svg{ 
 width: 22px; 
 height: auto; 
 margin-right: 5px; 
} 
 
/* ----- stories ----- */ 
.tab_block_view_stories .flex-direction-nav a.flex-next:before {margin: 7px;color: #fff;font-size: 0px;} 
.tab_block_view_stories .flex-direction-nav a.flex-prev:before {margin: 7px;color: #fff;font-size: 0px;} 
 
.tab_block_view_stories .flexslider:hover .flex-direction-nav a.flex-next{right: 8 !important;opacity: 1;height: 53px;font-size: 0;width: 46px;} 
.tab_block_view_stories .flexslider:hover .flex-direction-nav a.flex-prev{left: 0 !important;opacity: 1;height: 53px;font-size: 0;width: 46px;} 
 
.tab_block_view_stories .flex-direction-nav li a.flex-next { 
 background: url('https://www.kalbela.com/assets/images/storynext.png'); 
 background-size: cover; 
 right: 0 !important; 
 opacity: 1; 
 height: 53px; 
 font-size: 0px; 
} 
.tab_block_view_stories .flex-direction-nav li a.flex-prev { 
 background: url('https://www.kalbela.com/assets/images/storyprev.png'); 
 background-size: cover; 
 left: 0 !important; 
 opacity: 1; 
 height: 53px; 
 font-size: 0px; 
} 
/* web stories */ 
.webstories{position: relative;} 
#videostories ul.slides li,#photoStories ul.slides li{ 
 width: 220px !important; 
 position: relative; 
 border-radius: 12px ; 
 overflow: hidden; 
} 
.vidstocovr img.photo-icon{ 
 position: absolute; 
 top: 15px; 
 right: 15px; 
 width: 30px !important; 
} 
.vidstocovr img.play-icon{position: absolute; 
 position: absolute; 
 top: 40%; 
 color: #fff; 
 padding: 5px 10px; 
 font-size: 25px; 
 max-width: 80px; 
 left: 35%; 
} 
#videostories .album_name a,.webstories .album_name a{ 
 color:#fff; 
} 
#videostories .album_name a, .webstories .album_name a:hover{ 
 color:#fff !important; 
} 
.webstories .webstories_cattitle{ 
 position: absolute; 
 bottom: 54px; 
 background: #ff00de; 
 padding: 5px 20px; 
 color: #fff; 
 font-size: 26px; 
 line-height: 34px; 
} 
.overlay-headline, #category_content .lead-section .news-content-box, #videostories .album_name, .webstories .album_name, #photoStory-catContet .album_name, #videoStory-catContet .album_name { 
 position: absolute; 
 margin-bottom: 0; 
 bottom: 0; 
 color: #fff !important; 
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1.5) 100%); 
 width: 100%; 
 padding: 10px 10px 3px 10px; 
 text-align: center; 
 font-size: 18px; 
} 
.epaper .title a { 
 color: #fff; 
 font-weight: bold; 
 font-size: 17px; 
} 
.opinion_single{ 
 background: #fff9e1; 
 border-bottom: 3px solid #d60000; 
 border-radius: 5px 5px; 
 padding: 15px; 
 margin-bottom: 15px; 
} 
.opinion_single img { 
 width: 100%; 
 aspect-ratio: 1 / 1; 
 object-fit: cover; 
 border-radius: 50%; 
 border: 2px solid #d60000; 
} 
.opinion_single h4 { 
 font-size: 18px; 
 margin: 10px 0 20px 0; 
} 
.opinion_single .summery { 
 text-align: justify; 
 -webkit-line-clamp: 3; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 font-weight: normal; 
} 
.opinion_single .summery { 
 color: #333; 
 font-size: 16px; 
 line-height: 22px; 
 font-weight: 400; 
} 
.upcoming-scroll { 
 _max-height: 204px; 
 height: 335px; 
 overflow: auto; 
 padding-right: 7px; 
 margin-top: 5px; 
} 
.link { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 0; 
 bottom: 0; 
 z-index: 9; 
} 
.sports-upcoming h5.title { 
 padding: 5px 3px; 
 font-weight: bold; 
 border-bottom: 1px solid #e2e2e2; 
 display: block; 
 font-size: 18px; 
} 
/* CustomMobile Style */ 
@media (max-width: 768px) { 
 .techtaranga_mobile{ 
 padding: 0; 
 } 
 .featured_techtaranga { 
 padding: 0 !important; 
 border: unset !important; 
 border-radius: 0 !important; 
 } 
 .featured_techtaranga img{ 
 border-radius: 0 !important; 
 } 
 .techtaranga_border_hide{ 
 border-radius: unset !important; 
 border: unset !important; 
 } 
 .techtaranga_f_padding { 
 padding-left: 8px !important; 
 padding-right: 8px !important; 
 } 
 .tt_update_title.bordered { 
 padding-left: 10px !important; 
 padding-right: 10px !important; 
 } 
 .row.no-container { 
 margin-left: 0 !important; 
 margin-right: 0 !important; 
 } 
 .no-padding { 
 padding-left: 0 !important; 
 padding-right: 0 !important; 
 } 
}