/**
* Template Name: Taranga News Advance News
* Template URL: https://techtaranga.com/attraibarta/
* Author: Sheikh Nesarul Islam by Tech Taranga
*/

 /*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
 /* bengali */

 @font-face {
   font-family: 'SutonnyMJ';
   font-style: normal;
   font-weight: 400;
   src: url(../font/SutonnyMJ.woff2) format('woff2');
 }

 @font-face {
   font-family: 'ShurjoWeb';
   src: url('../font/ShurjoWeb_400_v5_1.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'ShurjoWeb';
   src: url('../font/ShurjoWeb_700_v5_1.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }

 .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: ShurjoWeb;
   background: var(--tt-body-bg-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: ShurjoWeb;
   font-weight: bold;
 }

 .form-control:focus {
   box-shadow: unset !important;
 }

 /* 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;
 }

 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: 18px;
   font-weight: 600;
 }

 .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 {
   border-left: 3px solid var(--tt_primary_color);
   padding-left: 10px;
 }

 .heading-postcard.hp-8 a {
   color: red var(--tt_primary_color);
 }

 .heading-postcard.hp-8 .heading_line8 {
   background: var(--tt_primary_color);
   height: 1px;
   width: 100%;
   margin-top: 6px;
 }

 /*  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
****************************/
 .techtaranga_subtitle {
   color: #c20000;
 }

 .techtaranga-ntitle {
   line-height: 40px;
   font-size: 30px;
 }

 .news-title-2,
 .techtaranga-ntitle-1 {
   font-size: 18px;
   line-height: 27px;
   font-weight: normal;
   margin: 0;
 }

 .news-title-2,
 .news-title-2 a,
 .techtaranga-ntitle-2,
 .techtaranga-ntitle-2 a,
 .techtaranga-ntitle-1,
 .techtaranga-ntitle-1 a {
   color: var(--tt-text-color);
 }

 .techtaranga-ntitle-2 {
   font-size: 24px;
   line-height: 27px;
   font-weight: bold;
   margin: 0;
 }

 .news-time {
   font-size: 14px;
   margin-top: 8px;
   display: block;
 }

 .title-2 {
   display: -webkit-box !important;
   -webkit-box-orient: vertical;
   overflow: hidden !important;
   -webkit-line-clamp: 2;
 }

 .title-3 {
   display: -webkit-box !important;
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 3;
 }

 .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;
   color: var(--tt-stext-color);
   font-size: 16px;
 }

 .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;
 }

 .news-separator-vertical-border {
   border-right: 2px solid #e2e2e2;
 }

 @media (max-width: 767.98px) {
   .news-separator-vertical-border {
     border-right: none;
   }
 }

 .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;
 }

 /***************************************************
@ 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;
   }
 }

 .main_lead {
   border-left: 5px solid var(--tt_primary_color);
   height: 100%;
 }

 .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 {
   overflow: auto;
 }

 .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: 16px;
   color: var(--tt-stext-color);
 }

 .p_post_cat1 {
   font-size: 22px;
   color: var(--tt_primary_color);
 }

 .subtitle_tt_color {
   color: var(--tt-subtitletext-color);
   font-size: 19px;
 }

 .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 {
   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;
 }

 .share-btn svg {
   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 a: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
 }

 .techtaranga_font_size_plus.st-btn {
   font-family: ShurjoWeb;
   background: #e6e7e8;
   font-weight: bold;
   user-select: none;
 }

 .story-details ol li:before {
   content: counter(bengali-counter, bengali) ". ";
   font-family: ShurjoWeb;
   position: absolute;
   left: 0;
   width: 25px;
   text-align: right
 }

 @media print {
   @page {
     size: A4;
   }

   .d-print-none {
     display: none !important;
   }

   .d-print-block {
     display: block !important;
   }

   footer,
   .mobile_header,
   .techtaranga_header {
     display: none !important;
   }
 }

 .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 .techtaranga_q1 {
   background: rgb(from var(--tt_primary_color) r g b / 12%);
   width: 70%;
   margin: 10px auto;
   padding: 12px;
   text-align: center;
   border-bottom: 4px solid var(--tt_primary_color);
 }

 .story-details .techtaranga_q1 .techtaranga_qt {
   font-size: 22px;
   color: #575757;
   display: block;
 }



 .story-details .techtaranga_q2 {
   background: rgb(from var(--tt_primary_color) r g b / 12%);
   width: 70%;
   margin: 10px auto;
   padding: 12px;
   border-left: 4px solid var(--tt_primary_color);
 }

 .story-details .techtaranga_q2 .techtaranga_qt {
   font-size: 22px;
   color: #575757;
   display: block;
   margin-top: 33px;
 }

 .story-details .techtaranga_q2:before {
   content: "‘‘";
   font-size: 4rem;
   font-weight: 700;
   position: absolute;
   display: block;
   color: var(--tt_primary_color);
   top: 0;
   left: 10px;
 }

 .story-details .techtaranga_q2:not(.twitter-tweet):not(.instagram-media) {
   color: #878787;
   font-weight: 700;
   position: relative;
 }



 .story-details .techtaranga_q3 {
   background: var(--tt_primary_color);
   width: 70%;
   margin: 10px auto;
   padding: 12px;
 }

 .story-details .techtaranga_q3 .techtaranga_qt {
   font-size: 22px;
   color: #ffffff;
   display: block;
   margin-top: 33px;
 }

 .story-details .techtaranga_q3:before {
   content: "‘‘";
   font-size: 4rem;
   font-weight: 700;
   position: absolute;
   display: block;
   color: #ffffff;
   top: 0;
   left: 10px;
 }

 .story-details .techtaranga_q3:not(.twitter-tweet):not(.instagram-media) {
   color: #878787;
   font-weight: 700;
   position: relative;
 }

 .story-details .techtaranga_q3 .techtaranga_qa {
   color: white;
   text-align: right;
   display: block;
 }

 .story-details .techtaranga_q3 .techtaranga_qa::before {
   content: "- ";
   color: white;
 }

 /* 
.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 14px;
   transition: .2s;
   margin: 10px 0;
   margin-bottom: 0;
   display: inline-block;
   border-radius: 50px;
 }

 .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;
 }

 /* Tarnding Topics  */
 .techtaranga_trandingTag {
   padding-bottom: 10px;
   margin-bottom: 5px;
   overflow-x: scroll;
   white-space: nowrap;
   justify-content: center;
 }

 .trandingLink {
   margin-bottom: 0;
   padding-left: 0;
 }

 .techtaranga_trandingTag {
   padding-bottom: 10px;
   margin-bottom: 5px;
   overflow-x: auto;
   white-space: nowrap;
 }

 .techtaranga_trandingTag .trandingHead {
   font-size: 16px;
   background: var(--tt_primary_color);
   color: #fff;
   padding: 3px 4px;
   border-radius: 9999px;
   align-self: center;
   margin-right: 8px;
   line-height: 24px;
 }

 .trandingHeadInner {
   position: relative;
   padding: 0 7px;
   display: block;
   overflow: hidden;
 }

 .trandingHeadInner::after {
   content: "";
   width: 28px;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   background: rgba(255, 255, 255, 0.25);
   border-radius: 9999px;
   transition: width 0.4s ease;
 }

 .trandingHeadInner:hover::after {
   width: 100%;
 }

 .techtaranga_trandingTag .trandingHead .icon {
   margin-left: 10px;
   text-align: center;
   display: inline-block;
 }

 .techtaranga_trandingTag .trandingHead .icon svg {
   width: 14px;
   height: 14px;
 }

 .trandingLink li {
   display: inline-block;
   margin: 0 5px;
 }

 .trandingLink li a {
   background: rgb(230, 230, 230);
   display: block;
   border-radius: 9999px;
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .75rem;
   padding-right: .75rem;
 }


 /* 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: 18px;
 }

 .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;
 }

 @media (min-width: 1400px) {
   .container {
     width: 1280px !important;
     max-width: 1370px;
   }
 }

 .techtaranga-recent-btn-1 {
   display: block;
   background: #f4f4f4;
   width: 80%;
   margin: auto;
   border-radius: 4px;
   text-align: center;
   padding: 3px 5px;
   font-size: 19px;
   margin-top: -18px;
 }

 .sectiontitle10 a {
   background: white;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 33px;
   padding: 0 8px;
   font-size: 23px;
 }

 .sectiontitle10 {
   background: #ededed;
   height: 6px;
   position: relative;
   margin-bottom: 16px;
 }

 .techtaranga_video_2 {
   background: #222222;
   overflow: hidden;
 }

 .techtaranga_video_3 {
   background: #cc181e;
   border-radius: 11px;
   padding: 0;
   padding-bottom: 15px;
 }

 .techtaranga_nevigator {
   position: relative;
   height: 1px;
   width: 100%;
   background: #e2e2e2;
 }

 .techtaranga_nevigator a {
   position: absolute;
   top: 50%;
   right: 38px;
   transform: translateY(-47%);
   background: #cc181e;
   padding: 0px 4px;
   color: white;
 }

 .techtaranga_cnevigator {
   position: relative;
   height: 1px;
   width: 100%;
   background: #e2e2e2;
 }

 .techtaranga_cnevigator a {
   position: absolute;
   top: 50%;
   right: 38px;
   transform: translateY(-47%);
   background: white;
   font-size: 20px;
   padding: 0px 4px;
 }

 .techtaranga_video_block {
   background: #3f3e37;
 }

 .techtaranga_video_block h2 {
   background: var(--tt_primary_color);
   padding: 10px;
   font-size: 22px;
   text-align: center;
 }

 .techtaranga_hero_vdo {
   background: #e3d5ca;
   padding: 10px;
 }

 .techtaranga_hero_vdo a {
   display: block;
 }

 .techtaranga_hero_vdo i {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99;
   font-size: 35px;
   color: white;
 }

 .techtaranga_hero_vdo img {
   transition: 0.3s;
 }

 .techtaranga_hero_vdo:hover img {
   transform: scale(1.07);
 }

 .techtaranga_svdo {
   position: relative;
 }

 .techtaranga_svdo span {
   position: absolute;
   bottom: 16px;
   font-size: 13px;
   left: 20px;
   color: white;
   text-shadow: 2px 2px 8px BLACK;
   transition: 0.3s;
 }

 .techtaranga_svdo .play_icon {
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 36px;
   transform: translate(-50%, -50%);
   color: white;
   height: 50px;
   width: 50px;
   border: 3px solid;
   border-radius: 50%;
   text-align: center;
   display: block;
   line-height: 48px;
   box-shadow: 0px 0px 10px black;
 }

 .techtaranga_svdo:hover .play_icon {
   color: red;
 }

 .techtaranga_slider .slick-slide {
   padding: 0 10px;
 }

 .slide-img {
   width: 100%;
   border-radius: 10px;
 }

 .slick-prev:before,
 .slick-next:before {
   color: white;
   background: var(--tt_primary_color);
   display: block;
   padding: 6px;
   font-size: 27px;
 }

 .slick-next,
 .slick-prev {
   width: 40px;
   z-index: 9;
 }

 .slick-prev {
   left: -16px;
 }

 .slick-next {
   right: -16px;
 }

 .techtaranga_ps_2 {
   position: relative;
   display: block;
 }

 .techtaranga_ps_2 .techtaranga-ntitle-1,
 .techtaranga_ps_2 .techtaranga-ntitle-2 {
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 78%) 100%);
   padding: 18px;
   color: white;
 }

 .techtataranga_opinion2 {
   border: 4px solid #ebd9d9;
   padding-top: 19px;
   padding-bottom: 18px;
   position: relative;
 }

 .techtataranga_opinion2 .opinion_title {
   font-size: 24px;
   position: absolute;
   top: -19px;
   padding: 0 6px;
   left: 20px;
   background: white;
 }

 .river-flow {
   stroke-dasharray: 100;
   stroke-dashoffset: 90;
   animation: daash 3s linear infinite alternate
 }

 @keyframes daash {
   0% {
     stroke-dashoffset: 500
   }

   to {
     stroke-dashoffset: 0
   }
 }

 .techtaranga_0:hover,
 .techtaranga_10:hover,
 .techtaranga_11:hover,
 .techtaranga_12:hover,
 .techtaranga_13:hover,
 .techtaranga_14:hover,
 .techtaranga_15:hover,
 .techtaranga_16:hover,
 .techtaranga_17:hover,
 .techtaranga_18:hover,
 .techtaranga_1:hover,
 .techtaranga_2:hover,
 .techtaranga_3:hover,
 .techtaranga_4:hover,
 .techtaranga_5:hover,
 .techtaranga_6:hover,
 .techtaranga_7:hover,
 .techtaranga_8:hover,
 .techtaranga_9:hover {
   strokewidth: .5851px !important;
   stroke-dasharray: 100;
   stroke-dashoffset: 90;
   animation: dash 3s linear infinite alternate;
   transition: all .8s ease;
   fill: #c1b4f0 !important
 }

 @keyframes dash {
   0% {
     stroke-dashoffset: 822
   }

   to {
     stroke-dashoffset: 0
   }
 }

 .techtaranga_lp_1 h4 {
   font-size: 21px;
   color: gray;
   font-weight: normal;
 }

 .techtaranga_sp_1 .techtaranga-ntitle-1 {
   border-left: 3px solid #d5b631;
   padding-left: 10px;
   margin-top: 10px;
 }

 .techtaranga_cat_title_1 a {
   transition: 0.3s;
 }

 .techtaranga_cat_title_1 a:hover {
   color: green;
 }



 .techtaranga_cat_title_1 {
   font-size: 25px;
   background: #f5f5f5;
   margin: 0;
   color: green;
   padding: 10px 10px 7px 10px;
   border-bottom: 1px solid #e3e3e3;
 }

 .techtaranga_cat_title_2 {
   color: white;
   display: inline-block;
   position: relative;
   margin: 0;
   overflow: hidden;
   font-size: 25px;
   padding: 7px 30px 0px 10px;
 }

 .techtaranga_cat_title_2 a {
   color: white
 }

 .techtaranga_cat_title_2::after {
   content: "";
   position: absolute;
   top: 0;
   transform: rotate(45deg);
   right: -27px;
   height: 37px;
   width: 37px;
   background: white;
 }

 .techtaranga_cat_title_3 {
   margin: 0;
   overflow: hidden;
   position: relative;
 }

 .techtaranga_cat_title_3 a {
   color: white;
   display: inline-block;
   font-size: 25px;
   padding: 7px 30px 2px 10px;
   position: relative;
 }

 .techtaranga_cat_title_3 a::before {
   content: "";
   position: absolute;
   top: 10px;
   transform: rotate(61deg);
   right: -29px;
   height: 20px;
   z-index: 1;
   width: 56px;
   background: #ffffff;
 }

 .techtaranga_cat_title_3:after {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ4NUVFODNGNzc1MTFFN0I4NTdCMTRBMzQ3RTIwNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ4NUVFODRGNzc1MTFFN0I4NTdCMTRBMzQ3RTIwNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDg1RUU4MUY3NzUxMUU3Qjg1N0IxNEEzNDdFMjA1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDg1RUU4MkY3NzUxMUU3Qjg1N0IxNEEzNDdFMjA1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk86A7EAAAASSURBVHjaYmBgYLBgIAgAAgwAB88AOccVbLsAAAAASUVORK5CYII=) repeat;
   opacity: 1;
   content: '';
   height: 16px;
   position: absolute;
   top: 10px;
   right: 0;
   width: 55%;
   z-index: -1;
 }

 .techtaranga_cat_title_4 {
   margin: 0;
   overflow: hidden;
   position: relative;
 }

 .techtaranga_cat_title_4 a {
   color: white;
   display: inline-block;
   font-size: 22px;
   padding: 7px 10px 2px 10px;
   position: relative;
 }

 .techtaranga_cat_title_4 a::before {
   content: "";
   position: absolute;
   top: 10px;
   transform: rotate(61deg);
   right: -29px;
   height: 20px;
   z-index: 1;
   width: 56px;
   background: #ffffff;
 }

 .techtaranga_cat_title_4 a::before {
   content: "";
   position: absolute;
   top: 10px;
   transform: rotate(61deg);
   right: -26px;
   height: 43px;
   z-index: -1;
   width: 62px;
   opacity: 0.5;
 }

 .social-bar {
   background: #cfd8dc;
   border-top: 3px solid #b0bec5;
 }

 .social-box {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 18px;
   text-decoration: none;
   color: #fff;
   height: 100%;
 }

 .social-box i {
   height: 48px;
   width: 48px;
   font-size: 32px;
   background: rgba(0, 0, 0, .15);
   line-height: 57px;
   display: inline-block;
   text-align: center;
 }

 .social-box strong {
   display: block;
   font-size: 18px;
 }

 .social-box span {
   font-size: 13px;
   opacity: .9;
 }

 /* Colors */
 .bg-facebook {
   background: #4b63a3;
 }

 .bg-youtube {
   background: #d71920;
 }

 .bg-x {
   background: #5ec6f3;
 }

 .bg-instagram {
   background: #5f7d95;
 }

 /* Hover */
 .social-box:hover {
   filter: brightness(1.08);
   color: white;
 }