/**

* 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(assets/font/SutonnyMJ.woff2) format('woff2');

}



@font-face {

  font-family: 'SolaimanLipi';

  src: url(assets/font/SolaimanLipi.eot);

  src: url(assets/font/SolaimanLipi.woff) format('woff'),

       url(assets/font/SolaimanLipi.ttf) format('truetype'),

       url(assets/font/SolaimanLipi.svg#SolaimanLipiNormal) format('svg'),

       url(assets/font/SolaimanLipi.eot?#iefix) format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}





@font-face {

    font-family: 'NesarAJ';

    src: url('assets/font/VarendraAP-Light_v7.ttf') format('truetype');

    font-weight: 300; /* Light */

}



@font-face {

    font-family: 'NesarAJ';

    src: url('assets/font/VarendraAP-Regular_v7.ttf') format('truetype');

    font-weight: 400; /* Regular */

}



@font-face {

    font-family: 'NesarAJ';

    src: url('assets/font/VarendraAP-Semibold_v7.ttf') format('truetype');

    font-weight: 600; /* SemiBold */

}



@font-face {

    font-family: 'NesarAJ';

    src: url('assets/font/VarendraAP-Bold_v7.ttf') format('truetype');

    font-weight: 700; /* Bold */

}



@font-face {

    font-family: 'NesarAJ';

    src: url('assets/font/VarendraAP-Black_v7.ttf') format('truetype');

    font-weight: 900; /* Black */

}



.tt-text{

  color: var(--tt-text-color) !important;

}

.tt-primary-bg{

  background-color: #2b2f32 !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: 'NesarAJ', Arial, sans-serif !important;

    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: 'NesarAJ', Arial, sans-serif !important;

    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:white;

  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(assets/image/your-aria-news.png);

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center;

    color: #198754;

    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("assets/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: #273a96;

  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: #273a96;

  width: 10px;

  height: 16px;

  transform: skew(24deg,0deg);

}

h4.heading-postcard.hp-8 {

  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-1, .news-title-2, .news-title-3, .news-title-4{

  line-height: 24px;

  margin: 0;

  margin-top: 45px;

}

.news-time{

  font-size: 14px;

  margin-top: 8px;

  display: block;

}

.news-title{

  font-size: 28px;

  line-height: 38px;

}

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

}

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

}



/***************************************************

@ 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{

max-height:500px;

overflow: 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;

}

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

    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

}



.story-details ol li:before {

  content: counter(bengali-counter,bengali) ". ";

  font-family: 'NesarAJ', Arial, sans-serif !important;

  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: #273a96 !important;

    color: var(--tt-white-color) !important;

    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;

}



.opinion_single{

    background: #cff4fc;

    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;

}

/*! Zabuto Calendar - v2.1.0 - 2022-12-29
* https://github.com/zabuto/calendar
* Copyright (c) 2022 Anke Heijnen; Licensed MIT */.zabuto-calendar{width:100%;margin:0;padding:0}.zabuto-calendar__navigation__item--next,.zabuto-calendar__navigation__item--prev{text-align:center;cursor:pointer}.zabuto-calendar__navigation__item--header{text-align:center}.zabuto-calendar__navigation__item--header__title{cursor:pointer;font-weight:bolder}.zabuto-calendar__days-of-week__item{text-align:center}.zabuto-calendar__day{text-align:center}.zabuto-calendar__day--today{text-align:center}.zabuto-calendar.table td,.zabuto-calendar.table th{vertical-align:middle}.zabuto-calendar.table thead td{padding-top:14px;padding-bottom:14px;background-color:#fafafa}.zabuto-calendar.table-bordered thead td{border:0}.zabuto-calendar.table thead th{background-color:#f0f0f0}.zabuto-calendar.table>thead:first-child>tr:first-child>td{border-top:1px solid #ddd}.zabuto-calendar.table>thead>tr>th{border-bottom:2px solid #ddd}.zabuto-calendar.table>tbody td{width:calc(100% / 7)}.zabuto-calendar.table>tbody>tr:last-child>td{border-bottom:1px solid #ddd}.zabuto-calendar.table>tbody td .badge{font-size:100%}.zabuto-calendar.clickable>tbody td{cursor:pointer}.zabuto-calendar.table.clickable>tbody td:hover{background-color:#f0f0f0}