* {
   margin: 0;
   padding: 0;
   outline: 0;
}

ul,
ol {
   list-style: none;
}

a {
   text-decoration: none;
   display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
li,
ul {
   margin: 0;
   padding: 0;
}
:root{
   --main-color:#00A7B3;
   --text-color:#444444;
   --hover : #7A1CAC;
   --ff: "Open Sans", sans-serif;
}
body{
   /* font-family: "Open Sans", sans-serif; */
   font-family: "Noto Sans Bengali", sans-serif;
}
/* common css */

/* header section start */
#header{
   background-color: #f1f1f1;
   padding: 15px 0;
}
.header-left a{
   color: var(--text-color);
   margin-right: 15px;
}
.header-right a{
   color: var(--text-color);
   margin-left: 15px;
   height: 30px;
   width: 30px;
   border-radius: 50%;
   text-align: center;
   line-height: 30px;
   border: 1px solid var(--text-color);
   transition: all linear .3s;
   padding-top: 7px;
}
.header-right a:hover {
   background-color: var(--main-color);
   color: #fff;
   border-color: var(--main-color);
}
/* header section end */
.nav-link:focus, .nav-link:hover {
	color: #fff;
}
/* header-add section start */
#header-add{
   padding: 10px 0;
   background-color: var(--main-color);
}
.header-logo a img{
   height: 100px;
}
/* header-add section end */

/* nav section start */
/* .navbar .dropdown-menu {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }
 .navbar .dropdown:hover .dropdown-menu {
   display: block;
 }
  */
  .load-more{
   margin-top: 20px;
  }
  .make-title,
  .fol-title{
   margin: 10px;
  }
  .load-more a{
     color: #fff;
     padding: 10px 20px;
     border: 1px solid #f1f1f1;
     background-color: var(--main-color);
     transform: scale(1);
     transition: all linear .3s;
  }
  .load-more a:hover{
   background: var(--main-color);
   color: #fff;
   transform: scale(1.1);
  }
  .navbar .dropdown-menu {
	background-color: #1f2024;
}
 .main-menu{
   background-color: #1f2024;
 }
 .main-menu ul li a {
	color: #fff;
	/* padding: 10px; */
	font-weight: 400;
	font-size: 20px;
	transition: all linear .3s;
	padding-right: 15px !important;
}
 .main-menu ul li a:hover{
   color: var(--main-color);
 }
 .main-menu .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: var(--main-color);
}
.search-icon i{
   color: #fff;
   font-size: 20px;
   cursor: pointer;
}
/* nav section end */

/*update-news scroll section start */
#update-news{
   background-color: var(--main-color);
}
.scroll-news-content h4{
   color: var(--main-color);
   font-weight: 800;
   font-size: 20px;
   margin-bottom: 15px;
} 
.scroll-text {
	width: 91%;
	/* border: 1px solid var(--main-color); */
	border-right: 1px solid #158a93;
	padding: 10px;
	color: #fff;
}
.scroll-btn {
	margin-right: 0px;
	background-color: red;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
   align-content: center;
   padding: 10px;
}
/*update-news scroll section end */

/* banner section start */
.left-content-banner {
   position: relative;
   overflow: hidden;
   height: 168px;
 }
 #top-view-news-container-right a{
   display: block;
   width: 100%;
 }
 #post-list-container a{
   width: 100%;
 }
 #scroll-container a{
   color: #fff;
 }
 #scroll-container a:hover{
   color: #000;
 }

 
 .left-content-banner .overly {
   position: absolute;
   bottom: 0;
   content: "";
   left: 0;
   right: 0;
   background: rgba(19, 19, 19, 0.4);
   padding: 30px 20px;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: 0.5s;
   clear: both;
   display: block;
 }
 
 .left-content-banner .overly h4 {
   color: #fff;
   font-size: 15px;
   font-weight: 400;
   padding-top: 40%;
   text-align: left;
   transition: all linear .3s;
 }
 
 .left-content-banner .overly h4:hover {
   color: var(--main-color);
 }
 
 .left-content-banner .overly h6 {
   color: #fff;
   font-size: 11px;
   font-weight: 400;
   background: red;
   padding: 5px 5px;
   margin-top: 5px;
 }
 
 .left-content-banner .overly p {
   color: #fff;
   font-size: 12px;
   font-weight: 400;
   padding-top: 5px;
   transition: all linear .3s;
 }
 .carousel-item img {
	height: 360px;
	width: 100%;
}
.slider-inner{
   width: 100% !important;
   position: relative;
}
.slider-inner::after{
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
}
 .time-date p{
   margin-left: 75px;
   color: #fff;
 }
/* banner section end */
#featured{
   padding: 80px 0;
}
/* #sports,
#lifestyle{
   background: #d4e1e4;
   padding: 80px 0;
} */
/* latest section start */
#latest{
   padding-top: 50px;
   padding-bottom: 175px;
   background: #effcff;
   margin-top: 30px;
   margin-bottom: 30px;
}
.latest-slider-content{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   /* padding: 20px; */
   /* border: 1px solid red; */
   margin-right: 24px;
}
.slick-list {
	padding: 17px 10px;
}
.set-img-size2{
height: 225px;
}
.latest-slider-text{
   display: flex;
   align-items: center;
   margin: 10px;
   text-align: left;
}
#pirojpurNews{
margin-top: 10px !important;

}
/* latest section end */

/* header section start */

/* Section title */
.section-title {
   font-size: 1.5rem;
   font-weight: bold;
   /* margin-bottom: 1.5rem; */
}
.featured-content{
  border: 1px solid #f1f1f1;
  padding: 15px 10px;
  margin-bottom: 10px;
  background: #effcff;
}
.section-bg {
	background: #effcff;
}
/* Card adjustments */
.card-body h5 {
   font-size: 1.25rem;
   margin-bottom: 0.75rem;
}
.card{
   height: 400px;
   transition: all linear .3s;
}
.card-title{
   color: #444444;
   transition: all linear .3s;
}
.card-title:hover{
   color: var(--main-color);
}
.card:hover{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.card-footer {
   background: none;
   border-top: none;
}

/* Social media section */
.social-media .media-box {
   border-radius: 10px;
}

/* Custom colors */
.bg-primary { background-color: #3b5998; } /* Facebook color */
.bg-danger { background-color: #dd4b39; } /* Google+ color */
.bg-info { background-color: #55acee; } /* Twitter color */
.bg-pink { background-color: #ea4c89; } /* Dribbble color */

/* MixItUp button styling */
.btn {
   padding: 0.5rem 1rem;
   border-radius: 30px;
}
.social-media{
   padding: 20px 10px;
   margin-bottom: 10px;
}
/* header section end */
.life-style-slider {
   position: relative;
   margin: 0 auto;
   width: 100%; /* Adjust width as needed */
}

.slick-slide {
   text-align: center;
}

.slide-content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   padding: 9px;
   box-sizing: border-box;
}

.slide-image img {
   max-width: 100%;
   height: auto;
   display: block;
   margin: 0 auto;
}

.slide-info {
   margin-top: 10px;
}
#topBtn {
   display: none; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 20px; /* Place the button at the bottom of the page */
   right: 30px; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   border: none; /* Remove borders */
   outline: none; /* Remove outline */
   background-color: #007bff; /* Blue background color */
   color: white; /* White text color */
   cursor: pointer; /* Add a pointer on hover */
   padding: 15px; /* Padding inside the button */
   border-radius: 10px; /* Rounded corners */
 }
a{
   color: #444;
}
a:hover{
   color: var(--main-color);
}
 .recent-news {
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   padding: 20px;
}
 #topBtn:hover {
   background-color: #555; /* Dark grey background on hover */
 }
/* .slick-prev,
.slick-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
   background-color: rgba(255, 255, 255, 0.5);
   border: none;
   color: black;
   padding: 10px;
   cursor: pointer;
} */
.sidebar-add img{
   height: 460px;
}
.slick-prev {
   left: 10px;
}

.slick-next {
   right: 10px;
}
.slide-info{
   text-align: left;
}
.slide-info h2{
   font-size: 14px;
   font-weight: 700;
}
.slide-info a{
   color: #1f2024;
   margin-top: 10px;
   font-size: 12px;
   font-weight: 700;
   transition: all linear .3s;
}
.slide-info a i{
   transition: all linear .3s;
}
.slide-info a:hover{
   color: var(--main-color);
}
.slide-info a:hover i{
   padding-left: 5px;
}
/* news section start */
.news-section{
   padding: 80px 0;
}
.news-left{
   border: 1px solid #f1f1f1;
   padding: 10px;
   margin: 12px;
}
.news-left h4{
   font-size: 14px;
   font-weight: 700;
   padding-bottom: 10px;
}
.news-left p{
   font-size: 12px;
}
.social-icon a i{
   font-size: 12px;
   color: #1f2024;
   margin-right: 10px;
   height: 30px;
   width: 30px;
   line-height: 30px;
   border-radius: 5px;
   text-align: center;
   border: 1px solid #1f2024;
   transition: all linear .3s;
}
.social-icon a i:hover{
   color: #fff;
   border: 1px solid var(--main-color);
   background-color: var(--main-color);
}
/* news section end */

/* promotion section start */
#promotion{
   padding: 80px 0;
}
.promo-img img{
   transition: all linear .3s;
}
/* .promo-img{
   overflow: hidden;
   transform: scale(1);
} */
.promo-img {
	overflow: hidden;
	
}
.promo-img:hover img{
   transform: scale(1.1);
}
/* promotion section end */

/* category section start */
.video_img,
.video-img {
    position: relative;
    /* border: 5px solid var(--brand); */
}

.video_img .overly,
.video-img .overly {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
}

.video_img .overly h4,
.video-img .overly h4 {
    color: var(--main-color);
    font-weight: 700;
    font-size: 40px;
}

.wrapper {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

/* play wave start */


.video-main {
    position: relative;
    display: inline-block;
}

.video-main i {

    font-size: 19px;
    line-height: 35px;

}

.video {
    height: 50px;
    width: 50px;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #000;
    display: inline-block;
    background: #fff;
    /*! z-index: 999; */
    /*! font-size: 15px; */
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
    }
}

/* impotant css */
.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: var(--main-color);
    opacity: 0;
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.category-content ul li a {
	color: #1f2024;
	border: 1px solid #f5f5f5;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	transition: all linear .3s;
	border-radius: 5px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin-right: 15px;
	width: 100%;
}
.category-list li a span{
   float: right;
}
.category-content ul{
   margin-top: 30px;
}
.category-content{
   border: 1px solid #f5f5f5;
   height: 630px;
   padding: 20px;
   border-radius: 5px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.category-content ul li a:hover{
   background-color: var(--main-color);
   color: #f5f5f5;
}
/* #category{
   padding: 80px 0;
   background-color: #f1f1f1;
} */
.category-list {
   list-style-type: none;
   padding: 0;
 }
 .category-list li {
   margin-bottom: 5px;
 }
 .category-list li a {
   color: #333;
   text-decoration: none;
 }
 .category-list li a:hover {
   text-decoration: underline;
 }
/* category section end */
.news-img{
   width: 50%;
}
.news-text h4,
.news-text p{
   color: #444;
}
.card-text i,
.news-text p i{
   padding-right: 5px;
}
/* footer section start */
.footer {
   background: #222;
   padding: 30px 0;
   /* border-top: 1px solid #fff; */
 }
 .footer .footer-row {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }
 .footer-col a img{
   width: 200px;
 }
 .footer-row .footer-col h4 {
   color: #f5f5f5;
   font-size: 1.2rem;
   font-weight: 400;
 }
 .footer-col .links {
   margin-top: 20px;
 }
 .footer-col .links li {
   list-style: none;
   margin-bottom: 10px;
 }
 .footer-col .links li a {
   text-decoration: none;
   color: #f5f5f5;
 }
 .footer-col .links li a:hover {
   color: var(--main-color);
 }
 .footer-col p {
   margin: 20px 0;
   color: #f5f5f5;
   max-width: 300px;
 }
 .footer-col form {
   display: flex;
   gap: 5px;
 }
 .footer-col input {
   height: 40px;
   border-radius: 6px;
   background: none;
   width: 100%;
   outline: none;
   border: 1px solid var(--main-color) ;
   caret-color: #f5f5f5;
   color: #f5f5f5;
   padding-left: 10px;
 }
 .footer-col input::placeholder {
   color: #f5f5f5;
 }
  .footer-col form button {
   background: #f5f5f5;
   outline: none;
   border: none;
   padding: 10px 15px;
   border-radius: 6px;
   cursor: pointer;
   font-weight: 500;
   transition: 0.2s ease;
 }
 .footer-col form button:hover {
   background: var(--main-color);
   color: #f5f5f5;
 }
 .footer-col .icons {
   display: flex;
   margin-top: 30px;
   gap: 30px;
   cursor: pointer;
 }
 .copy-right p ,
 .footer-col .icons i {
   color: #f5f5f5;
 }
 .footer-col .icons i:hover  {
   color: var(--main-color);
 }
 @media (max-width: 768px) {
   .footer {
     position: relative;
     bottom: 0;
     left: 0;
     transform: none;
     width: 100%;
     border-radius: 0;
   }
   .footer .footer-row {
     padding: 20px;
     gap: 1rem;
   }
   .footer-col form {
     display: block;
   }
   .footer-col form :where(input, button) {
     width: 100%;
   }
   .footer-col form button {
     margin: 10px 0 0 0;
   }
 }
/* footer section end */

/* post-details-banner section start */
#post-details-banner {
	padding: 40px 0;
}
.post-banner-header{
   border: 1px solid #f1f1f1;
   padding: 20px;
   border-radius: 5px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.post-banner-img img{
   border-radius: 5px;
}
.public-and-total-views p{
   font-size: 16px;
}
.post-details p{
   margin-top: 20px;
}
.d-add-sidebar a img{
   height: 460px;
   border-radius: 5px;
}
/* post-details-banner section end */

/* btn_top_bottom part start */

.btn_top_bottom {
   color: #fff;
   text-align: center;
   background: var(--main-color);
   text-align: center;
   font-size: 15px;
   cursor: pointer;
   position: fixed;
   right: 30px;
   bottom: 30px;
   z-index: 99999999999;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   padding: 8px;
   transition: all 0.2s ease-out;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
}

.btn_top_bottom i p {
   color: #fff;
   font-size: 8px;
   padding-top: 10px;
   letter-spacing: 2px;
}

.btn_top_bottom {
   display: none;
}
.carousel-caption a h5{
   color: #fff;
   text-shadow: #fff 1px 0 10px;
}
.header-content{
   display: flex;
   justify-content: space-between;
}
/* #lifestyle{
   background-color: ;
} */
.news-title {
   font-weight: bold;
   font-size: 1.2rem;
}
/*  */
.single-card-content{
   margin-top: 20px;
   padding: 20px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   align-content: center;
   transform: scale(1);
   transition: all 0.4s ease-in-out;
}
.single-card-content:hover{
   transform: scale(1.03);
}
.news-img img{
   width: 150px !important;
   height: 80px !important;
}
.single-card-img img{
   width: 300px !important;
   height: 200px !important;
}

/* btn_top_bottom part end */
/* header section start */
/* header section end */
.dropdown-custom{
   width: 400px;
}
.dropdown-menu{
   opacity: 0;
   transition: all 0.4s ease-in-out;
}
.dropdown:hover .dropdown-menu{
   opacity: 1;
}
/* Default styles for the search icon on larger screens */
.search-icon {
   display: flex;
   align-items: center;
   font-size: 24px;
   cursor: pointer;
}
.latest-slider img {
   height: 100% !important;
}

/* Hide the search box by default on large screens */
.search-box {
   display: none;
}

/* Media query for small devices (max-width: 768px) */
@media (max-width: 768px) {
   /* Make the container a flexbox to position the items */
   .navbar .small-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       width: 100%;
   }
   .dropdown-custom {
	width: 355px;
}

   /* Make the search box visible on small devices */
   .search-box {
       display: block;
       width: 100%;
       max-width: 200px; /* Adjust this width as needed */
   }

   .search-box input {
      width: 90%;
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 5px;
   }

   /* Hide the search icon on small screens */
   .search-icon {
       display: none;
   }

   /* Ensure the order: navbar-toggler (menu) first, then search box */
   .navbar-toggler {
       order: 1;
   }

   .search-box {
       order: 2; /* Place after the navbar toggler */
   }
}
/*Line Progress*/
/* .LoadingOverlay {
   position: absolute;
   display: block;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 500000 !important;
   background-color: rgba(255, 255, 255, 0.4);
   justify-content: center; 
   align-items: center; 
   display: flex; 
} 

.Line-Progress .indeterminate {
   width: 50px; 
   height: 50px; 
   border: 5px solid rgba(203, 12, 159, 0.5);
   border-top: 5px solid #cb0c9f;
   border-radius: 50%; 
   animation: spin 1s linear infinite;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}*/

/* .preloader {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px; 
   font-size: 1.2rem;
   color: #333;
} */
 .preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height to center vertically */
    background-color: rgba(0, 0, 0, 0.1); /* Semi-transparent background */
    position: relative;
}

.preloader .spinner-container {
    position: relative;
    width: 120px; /* Container size */
    height: 120px;
}

.preloader img {
    width: 100px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the image */
    z-index: 2; /* Keep the image above the spinner */
}

.spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid rgba(0, 0, 0, 0.3); /* Border around the spinner */
    border-top: 5px solid #fff; /* The top part of the border to give the spinning effect */
    border-radius: 50%;
    animation: spin 2s linear infinite; /* Spin effect for the border */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.set-img-size {
	height: 200px !important;
}
.news-item{
	border: 1px solid #eee;
  padding: 10px 5px;
margin-bottom: 24px;
}
.news-text h4{
	font-size: 18px;
}