/* body {
  font-family: 'Noto Sans Bengali', sans-serif;
  background-color: #f0f2f5;
}  */

 @font-face {
     font-family: 'Bornomala-Regular';
     src: url('/contents/website/fonts/Bornomala-Regular.ttf');
 }

 @font-face {
     font-family: 'Bornomala-Bold';
     src: url('/contents/website/fonts/Bornomala-Bold.ttf');
 }

 .breaking-news-bg {
     background: #f5f5f5;

     border-bottom: 1px solid #ddd;
     overflow: hidden;
 }


 .news-ticker {
     position: relative;
     overflow: hidden;
     height: 35px;
     /* news line height */
 }

 .news-ticker ul {
     display: flex;
     align-items: center;
     gap: 20px;
     /* distance between news items */
     animation: scrollNews 30s linear infinite;
     white-space: nowrap;
 }

 .news-ticker li {
     display: flex;
     align-items: center;
     line-height: 35px;
     height: 35px;
 }

 .news-ticker img {
     width: 18px;
     height: 18px;
     object-fit: contain;
 }

 .news-ticker a {
     font-size: 16px;
     color: #000;
     text-decoration: none;
 }

 .news-ticker a:hover {
     color: #e60000;
 }

 @keyframes scrollNews {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }





 .bn {
     font-family: 'Bornomala-Regular';
     font-weight: 400 !important;
 }

 .bn_bold {
     font-family: 'Bornomala-Bold';
     font-weight: 400 !important;
 }

 body,
 html {
     font-family: 'Bornomala-Regular';
 }

 .header-main-bg {
     background-color: #ffffff;
 }

 .header {
     text-align: center;
     padding: 5px 0;
 }

 .header img {
     height: 100%;
     width: 300px;
 }

 .header h1 {
     font-size: 40px;
     /* margin: 5px 0; */
     font-weight: bold;
 }

 .header .red {
     color: red;
 }

 .header .green {
     color: green;
 }

 .header_logo img {
     width: 350px;
 }

 .nav_link_sm {
     display: none;
 }

 /* serch style */

 .nav-bg {
     background-color: #ffffff;
     border-top: 1px solid #e5e7eb;
     border-bottom: 1px solid #e5e7eb;
     padding: 10px;
 }

 .nav-link {
     color: #1f2937;
     padding: 1rem 1rem;
     font-weight: 800;
     transition: color 0.3s;
 }

 .nav-link:hover,
 .nav-link.active {
     color: #d32f2f;
     /* Red */
 }

 .breaking-news-bg {
     background-color: #f3f4f6;
 }

 .footer-bg {
     background-color: #263238;
     /* Dark Grey */
 }

 .card-title {
     color: #1a237e;
 }

 .section-title {
     border-bottom: 2px solid #1a237e;
     padding-bottom: 8px;
     color: #1a237e;
 }

 /* .news-ticker {
   overflow: hidden;
   white-space: nowrap;
   box-sizing: border-box;
 }

 .news-ticker-item {
   display: inline-block;
   padding-right: 100%;
   animation: ticker 80s linear infinite;
 }

 @keyframes ticker {
   0% {
     transform: translateX(100%);
   }

   100% {
     transform: translateX(-100%);
   }
 } */

 .news-ticker {
     overflow: hidden;
     white-space: nowrap;
 }

 .news-ticker ul {
     display: flex;
     padding: 0;
     margin: 0;
     list-style: none;
     animation: ticker 35s linear infinite;
 }

 .news-ticker li {
     display: inline-block;
     padding: 0 2rem;
     font-size: 14px;
     color: #222;
 }

 @keyframes ticker {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }



 /* main content 01 */
 .top_f_part {
     background-color: #E5F5ED;
 }

 .news-section {
     padding: 20px;
     background-color: #fff;
     font-family: 'Noto Serif Bengali', serif;
 }

 .news-grid {
     display: grid;
     grid-template-columns: 2fr 3fr 2fr;
     gap: 20px;
     align-items: flex-start;
 }

 .left-images img {
     width: 100%;
     margin-bottom: 10px;
     object-fit: cover;
     border-radius: 5px;
 }

 .main-headline h2 {
     font-size: 24px;
     margin-bottom: 10px;
     color: #000;
 }

 .main-headline p {
     color: #333;
     font-size: 16px;
     line-height: 1.6;
 }

 .side-feature img {
     width: 100%;
     height: auto;
     border-radius: 5px;
     margin-bottom: 10px;
 }

 .side-feature h4 {
     font-size: 18px;
     color: #000;
     margin-bottom: 5px;
 }

 .side-feature p {
     font-size: 15px;
     color: #555;
 }

 @media (max-width: 768px) {
     .news-grid {
         grid-template-columns: 1fr;
     }

     .left-images {
         display: flex;
         gap: 10px;
         flex-direction: row;
     }

     .left-images img {
         width: 50%;
         height: auto;
     }
 }



 /* main content 02 */


 .hilites_header {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px 0;
     background-color: #74BEE8;
 }

 .hilites_header image {
     max-width: 100%;
     height: auto;
 }

 .news-grid-section {
     padding: 30px 20px;
     background-color: #fff;
     font-family: 'Noto Serif Bengali', serif;
 }

 .news-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 20px;
     padding-top: 10px;
 }

 .news-card {

     background-color: #f9f9f9;
     border: 1px solid #ddd;
     padding: 10px;
     border-radius: 5px;
     transition: box-shadow 0.3s;
 }

 .news-card:hover {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .news-card img {
     width: 100%;
     height: 70px;
     object-fit: cover;
     border-radius: 5px;
     margin-bottom: 10px;
 }

 .news-card h3 {
     font-size: 18px;
     color: #111;
     margin-bottom: 8px;
     line-height: 1.4;
 }

 .news-card p {
     font-size: 18px;
     color: #444;
     line-height: 1.5;
 }

 /* main content 03 */

 .iran_bacakirito {
     display: flex;
     width: 540px;
     padding-top: 1px;
 }

 .iran_bacakirito img {
     width: 100px;
     height: 100px;
 }

 .iran_bacakirito p {
     width: 170px;
 }

 .left_breking {}

 .left_breking .left_breking_contrnt {
     border-bottom: 1px solid rgb(196, 188, 188);
     padding: 5px;
 }

 .left_breking .left_breking_contrnt img {}

 .left_breking .left_breking_contrnt .breking_contrnt_top {
     display: flex;
     padding-left: 7px;
 }

 .left_breking .left_breking_contrnt .breking_contrnt_top img {
     height: 100px;
     width: 150px;
 }

 .left_breking .left_breking_contrnt .breking_contrnt_top h1 {
     font-size: larger;
     padding-left: 10px;
 }

 .left_breking .left_breking_contrnt p {
     padding-left: 7px;
 }


 /* main content 04 */
 .total_news1 {
     border: 1px solid red;
     display: flex;

 }


 .selected_news {
     border: 1px solid red;
     width: 850px;
     background-color: #EEEEEE;
     padding: 10px;

 }

 .end_news {
     border: 1px solid red;
     width: 500px;
 }



 /* body {
  font-family: 'Segoe UI', sans-serif;
  padding: 20px;
  background: #e8f5e9;
} */

 .iran-section {
     background: #e0f2f1;
     padding: 20px;
     border-radius: 6px;
     max-width: 1200px;
 }

 .iran-section h2 {
     text-align: center;
     font-size: 24px;
     margin-bottom: 30px;
     color: #2e7d32;
     border-bottom: 1px solid #b2dfdb;
     padding-bottom: 10px;
 }

 .iran-grid {
     display: grid;
     grid-template-columns: 2fr 1fr;
     gap: 20px;
 }

 /* Main news block */
 .main-news {
     grid-column: 1 / 2;
     text-align: center;
 }

 .main-news img {
     width: 100%;
     border-radius: 8px;
 }

 .main-news h3 {
     font-size: 22px;
     margin: 15px 0;
 }

 /* Side news list */
 .side-news {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .side-item {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .side-item img {
     width: 100px;
     height: 60px;
     object-fit: cover;
     border-radius: 4px;
 }

 .side-item p {
     font-size: 14px;
     margin: 0;
 }

 /* Bottom news cards */
 .bottom-news {
     grid-column: 1 / 3;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 15px;
     margin-top: 30px;
 }

 .card {
     background: #ffffff;
     border-radius: 6px;
     overflow: hidden;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .card img {
     width: 100%;
     height: 150px;
     object-fit: cover;
 }

 /* .card p {
     padding: 10px;
     font-size: 14px;
 } */

 /* main content 4 */
 /* body {
  font-family: 'SolaimanLipi', sans-serif;
  background-color: #f7f7f7;
  margin: 0;
  padding: 20px;
} */

 .news-container {
     display: grid;
     grid-template-columns: 2fr 1fr;
     gap: 20px;
     max-width: 1200px;
     margin: auto;
     border: 1px solid red;
     margin-bottom: 10px;
 }

 .highlight-news {
     background-color: rgb(255, 253, 253);
     padding: 20px;
     border-radius: 8px;
 }

 .highlight-news h3 {
     color: red;
     font-size: 20px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ddd;
     padding-bottom: 8px;
     background-color: #ddd;
 }

 .highlight-news-item {
     display: flex;
     gap: 15px;
 }

 .highlight-news-item img {
     width: 50%;
     border-radius: 6px;
 }

 .highlight-news-item .text {
     font-size: 16px;
 }

 .highlight-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     margin-top: 20px;
 }

 .highlight-grid-item {
     background-color: white;
     padding: 10px;
     border-radius: 6px;
     display: flex;
     flex-direction: column;
 }

 .highlight-grid-item img {
     width: 100%;
     border-radius: 4px;
     margin-bottom: 8px;
 }

 .sidebar {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .sidebar-title {
     color: red;
     font-size: 18px;
     font-weight: bold;
     border-bottom: 1px solid #ccc;
     padding-bottom: 5px;
     background-color: #e2e2e2;
     margin-top: 12px;
 }

 .sidebar-item {
     display: flex;
     gap: 10px;
     font-size: 14px;
 }

 .sidebar-item img {
     width: 70px;
     height: 50px;
     object-fit: cover;
     border-radius: 4px;
 }

 .more-button {
     background-color: red;
     color: white;
     padding: 5px 10px;
     border: none;
     float: right;

     margin-right: 5px;
     border-radius: 3px;
     cursor: pointer;
 }

 @media screen and (max-width: 768px) {
     .news-container {
         grid-template-columns: 1fr;
     }
 }


 /* main content 6 */
 .national_section {
     display: flex;
     margin-top: 15px;
 }

 .national_section_title {
     display: flex;
     background-color: #d6d1d1;
     justify-content: space-between;
     padding: 10px;
     /* margin-left: 10px; */
 }

 .national_section_title h2 {
     color: #d00;
 }

 .national_section_title h6 {
     background-color: #d00;
     padding: 8px;
     color: white;
     border-radius: 5px;
 }

 .national_section_top_content {
     display: flex;
     width: 800px;
     padding: 10px;
 }

 .national_section_top_content .top_content_left {
     padding: 2px;
     width: 240px;
 }

 .national_section_top_content .top_content_left h2 {}

 .national_section_top_content .top_content_left p {}

 .national_section_top_content .top_content_middle {
     width: 300px;
 }

 .national_section_top_content .top_content_middle img {}

 .national_section_top_content .top_content_bottom {
     width: 240px;
     margin-left: 25px;
 }

 .national_section_top_content .top_content_bottom img {}

 .national_section_top_content .top_content_bottom p {}

 .national_section_bootom_content {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     width: 800px;
 }


 .national_content1 {
     width: 200px
 }

 .national_content1 img {
     height: 120px;
     width: 200px;
     padding: 5px;
 }

 .national_content1 p {
     padding: 5px;
 }

 .national_section_right {
     width: 450px;
     /* margin-left: 5px; */
 }

 .national_section_right_title {
     background-color: #d6d1d1;
     justify-content: space-between;
     display: flex;
     padding: 10px;
 }


 /* rajnite section */

 .rajnite_section {
     margin-top: 10px;
 }

 .rajnite_section_header {
     display: flex;
     background-color: #e9e6e6;
     justify-content: space-between;
     padding: 10px;
     border-radius: 5px;
 }

 .rajnite_section_header h1 {
     color: #b81c1c;
 }

 .rajnite_section_header p {
     color: #d32f2f;
 }

 .rajnite_section_bottom {
     display: flex;
     padding-top: 10px;
 }

 .rajnite_content1 {
     width: 300px;
 }

 .rajnite_content1_top {
     display: flex;
 }

 .rajnite_content1 img {
     width: 100px;
     height: 80px;
     padding: 4px;
 }

 /* .rajnite_content1 p {
     font-size: 17px;
 } */

 .rajnite_content2 {
     width: 300px;
 }

 .rajnite_content2 img {}

 .rajnite_content2 span {
     padding-top: 15px;
     color: #000000ad;
     font-size: 16px;

 }

 .rajnite_content3 {
     width: 450px;
 }

 .rajnite_content3 img {

     height: 250px;
     width: 400px;
 }

 .rajnite_content4 {
     width: 300px;
     padding-left: 6px;
 }

 .rajnite_content4 img {
     width: 100px;
     height: 80px;
     padding: 4px;
 }

 /* .rajnite_content4 p {
     text-align: center;
     font-size: 17px;
 } */

 .rajnite_content4_top {
     display: flex;
 }

 .image-objectfit {
     width: 100%;
     /* পুরো প্রস্থ জুড়ে থাকবে */
     height: 220px;
     /* নির্দিষ্ট উচ্চতা */
     object-fit: cover;
     /* ছবি সুন্দরভাবে container-এ ফিট করবে */
     border-radius: 8px;
     /* কোণগুলো একটু গোল */
     transition: transform 0.3s ease, filter 0.3s ease;
 }


 /* sobij section */



 .sobig_section {
     background-color: #580621;
     width: 100%;
     height: 100px;
 }


 /* body {
  margin: 0;
  font-family: 'SolaimanLipi', sans-serif;
  background-color: #a9446b;
} */

 .logo {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 20px;
     color: white;
 }

 .logo img {
     width: 50px;
 }

 .container {
     max-width: 1248px !important;
     padding: 0 15px;
     margin: 0 auto;
 }

 .left-column,
 .center-column,
 .right-column {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .left-column,
 .right-column {
     width: 25%;
 }

 .center-column {
     width: 48%;
     align-items: center;
 }

 .news-card img,
 .center-column img {
     width: 100%;
     height: 445px;
 }

 .news-card p,
 .center-column .headline {
     background-color: white;
     padding: 10px;
     font-size: 16px;
 }

 .mini-news {
     display: flex;
     gap: 10px;
     background: #f8f8f8;
     padding: 8px;
     align-items: center;
 }

 .mini-news img {
     width: 124px;
     height: 73px;
     object-fit: cover;
 }

 .ad-box img {
     width: 100%;
     height: auto;
 }

 .more-news {
     text-align: center;
     background: #d54c78;
     padding: 10px;
 }

 .more-news a {
     color: white;
     text-decoration: none;
 }



 /* national_section_header_title */


 .national_section_header_title {
     display: flex;
     background-color: #d6d1d1;
     justify-content: space-between;
     padding: 10px;
     margin-bottom: 10px;
     margin-top: 10px;
 }

 .national_section_header_end {
     display: flex;
     align-items: center;

 }

 .national_section_header_end h6 {
     color: #b81c1c;
 }

 .national_section_header_end i {
     padding-left: 5px;
     color: #b81c1c;
 }


 .national_section_right {
     width: 400px;

 }

 .national_section_right_content {
     display: flex;
     padding: 5px;
 }

 .national_section_right_content img {
     height: 120px;
     width: 200px;

 }

 .national_section_right_content p {
     padding-left: 15px;
     word-spacing: 2px;
     text-align: justify;
 }


 .national_section_left {
     width: 850px;
 }


 /* dangu section */


 /* body {
  margin: 0;
  font-family: 'SolaimanLipi', sans-serif;
  background-color: #f5f5f5; */


 .section-container {
     display: flex;
     gap: 20px;
 }

 .news-column {
     flex: 1;
     background: #fff;
     padding: 10px;
     box-sizing: border-box;
     border-radius: 6px;
 }

 .section-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: #eee;
     padding: 8px 10px;
     font-weight: bold;
     color: #d60029;
     margin-bottom: 10px;
     border-radius: 4px;
 }

 .section-title a {
     font-size: 14px;
     color: #fff;
     background-color: #d60029;
     padding: 2px 10px;
     text-decoration: none;
     border-radius: 12px;
 }

 .horoscope {
     background: #ffeaea;
     color: #c27a2b;
     justify-content: flex-start;
 }

 .main-item,
 .item,
 .card,
 .opinion {
     display: flex;
     gap: 10px;
     margin-bottom: 10px;
 }

 .main-item img,
 .item img,
 .card img {
     width: 180px;
     height: 100px;
     object-fit: cover;
     border-radius: 4px;
 }

 .opinion {
     align-items: flex-start;
 }

 .opinion img {
     width: 180px;
     height: 100px;
     border-radius: 4px;
     object-fit: cover;
 }

 .opinion h4 {
     font-size: 16px;
     margin: 0 0 5px;
 }

 /* .opinion p {
     font-size: 13px;
     margin: 0;
 } */

 p {
     margin: 0;
     font-size: 14px;
 }


 /* desh grame */
 .national_section_header_title h2 {
     color: rgb(141, 2, 2);
 }


 /* cuntry section */

 .country_section {
     display: flex;
     margin: 20px 10px;
 }

 .country_left {
     width: 500px;
 }

 .country_left img {
     width: 600px;
     height: 400px;
 }

 .country_left h1 {
     margin-top: 10px;
     margin-left: 10px;
     font-size: 22px;
     padding: 4px;
 }


 .country_right {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     width: 800px;
 }

 .country_right_top {
     padding: 5px;
 }

 .country_right_bottom {}




 /* islamic sectiion */

 .islamic_header {}

 .islamic_header img {
     width: 1260px;
 }

 .islami_section {
     display: flex;
     margin: 10px 0px;
 }

 .islami_section_content {
     width: 250px;
     padding: 10px;
 }

 .islami_section_content img {}

 .islami_section_content p {}


 .main_islam {
     display: flex;

 }


 /* jibon section */

 /* body {
  margin: 0;
  font-family: 'SolaimanLipi', sans-serif;
  background: #f5f5f5;
} */

 .section-container {
     display: flex;
     gap: 20px;
     max-width: 1280px;
     margin-top: 10px;

 }

 .news-box {
     flex: 1;
     background: #fff;
     border-radius: 6px;
     overflow: hidden;
 }

 .section-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: #eee;
     padding: 8px 12px;
     font-weight: bold;
     color: #c90000;
     border-bottom: 1px solid #ccc;
 }

 .section-title a {
     font-size: 14px;
     color: #fff;
     background: #d60029;
     padding: 2px 10px;
     text-decoration: none;
     border-radius: 12px;
 }

 .main-image img {
     /* width: 100%;
     height: 180px; */
     object-fit: cover;
 }

 .main-image h4 {
     margin: 10px;
     font-size: 16px;
     color: #333;
 }

 .news-list {
     list-style: none;
     /* padding: 0 10px 10px; */
     margin: 0;
 }

 .news-list li {
     position: relative;
     background: #f1f1f1;
     margin-bottom: 6px;
     padding: 8px 10px 8px 20px;
     border-radius: 4px;
     font-size: 14px;
 }

 .news-list li::before {
     content: "▶";
     position: absolute;
     left: 6px;
     top: 8px;
     font-size: 10px;
     color: red;
 }


 /*orthonite section */


 /* body {
  margin: 0;
  font-family: 'SolaimanLipi', sans-serif;

} */

 .econ-section {
     max-width: 1270px;
     margin: 10px 0px;
 }

 .section-header {
     background: #eee;
     color: red;
     font-weight: bold;
     padding: 8px 12px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .section-header a {
     font-size: 14px;
     color: white;
     background: #d60029;
     padding: 2px 10px;
     text-decoration: none;
     border-radius: 12px;
 }

 .econ-container {
     display: flex;
     margin-top: 10px;

 }

 .econ-left {
     flex: 2;
     background: #fff;
     padding: 10px;
     border-radius: 6px;
     width:500px;
     height: 380px;
     text-align: justify;
 }

 .econ-left img {
     width: 100%;
     height: 400px;
     border-radius: 4px;
 }

 .econ-left h3 {
     font-size: 18px;
     margin-top: 10px;
     color: #333;
 }

 /* .econ-left p {
     font-size: 14px;
     color: #555;
 } */

 .econ_middle {
     width: 300px;

 }

 .econ_middle .econ_middle_top .desh_left{
  text-align: justify;
  padding-right: 5px;
 }

 .econ_middle_top {
     background-color: #F8F9FA;

 }

 .econ_middle_top h1 {
     font-size: 18px;
 }

 .econ-right {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 13px;
     width: 400px;
 }

 .econ-item {
     background: #fff;
     display: flex;
     gap: 10px;
     border-radius: 6px;
     padding: 8px;
     align-items: flex-start;
 }

 .econ-item img {
     width: 80px;
     height: 60px;
     object-fit: cover;
     border-radius: 4px;
 }

 .econ-item h4 {
     font-size: 14px;
     margin: 0;
     color: #333;
 }

 .econ-item p {
     font-size: 12px;
     margin-top: 4px;
     color: #555;
 }

 /* began section */



 /* body {
  font-family: 'Noto Sans Bengali', sans-serif;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
} */


 .science_section {
     display: flex;
 }

 /* .container {
  width: 95%;
  max-width: 1250px; 
} */

 .news-section {
     background: #fff;
     border-radius: 6px;
     padding: 15px;
 }

 .section-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #eee;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .section-header h2 {
     color: #d71920;
     margin: 0;
     font-size: 20px;
 }

 .section-header button {
     background-color: red;
     color: white;
     border: none;
     padding: 5px 12px;
     border-radius: 4px;
     cursor: pointer;
 }

 .news-items {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .news-card {
     flex: 1 1 30%;
     display: flex;
     flex-direction: column;
     gap: 5px;
 }

 .news-card img {
     width: 100%;
     height: auto;
     border-radius: 4px;
 }

 .news-card p {
     font-size: 18px;
     color: #333;
     margin: 0;
 }


 /* Tea sections */

 /* body {
  
  -family: 'Noto Sans Bengali', sans-serif;
  background: #f5f5f5;
  margin: 0;
  padding: 20px;
} */

 .tea-section {
     background-color: #fff;
     padding: 15px;
     border-radius: 6px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .section-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #eee;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .section-title h2 {
     color: #d71920;
     margin: 0;
     font-size: 22px;
 }

 .section-title button {
     background: red;
     color: white;
     border: none;
     padding: 5px 12px;
     border-radius: 4px;
     cursor: pointer;
 }

 .tea-content {
     display: flex;
     gap: 20px;
 }

 .main-news {
     flex: 2;
 }

 .main-news img {
     width: 100%;
     border-radius: 6px;
     margin-bottom: 10px;
 }

 .main-news h3 {
     font-size: 18px;
     color: #222;
     margin: 10px 0 5px;
 }

 /* .main-news p {
     font-size: 14px;
     color: #555;
 } */

 .side-news {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .side_news_content {
     display: flex;
 }

 /*.side_news_content img {*/
 /*    height: 100px;*/
 /*    width: 120px;*/
 /*}*/

 .side_news_content .news-item {
     background-color: #f8f8f8;
     padding: 8px;
     font-size: 14px;
     border-radius: 4px;
     cursor: pointer;
     transition: background 0.2s;
 }

 /* .news-item:hover {
  background-color: #e0e0e0;
} */


 /* calender design */
 /* body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f7f7f7;
  padding: 20px;
} */

 .calendar-container {
     width: 300px;
     height: 400px;
     background-color: white;
     border-radius: 6px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     overflow: hidden;
 }

 .calendar-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: linear-gradient(to right, #d72f2f, #e74c3c);
     color: white;
     padding: 8px 12px;
     font-weight: bold;
 }

 .calendar-header span {
     font-size: 18px;
 }

 .calendar-header button {
     background: #fff;
     color: #d72f2f;
     border: none;
     padding: 2px 8px;
     border-radius: 4px;
     cursor: pointer;
 }

 .calendar {
     padding: 10px;
 }

 .calendar-nav {
     text-align: center;
     font-weight: bold;
     color: #e67e22;
     margin-bottom: 10px;
 }

 .calendar-grid {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     text-align: center;
     gap: 5px;
 }

 .day-name {
     font-weight: bold;
     color: #888;
     font-size: 14px;
 }

 .day {
     padding: 8px 0;
     font-size: 14px;
     background-color: #f2f2f2;
     border-radius: 4px;
 }

 .day.today {
     background-color: #ffeb99;
     font-weight: bold;
 }

 .day.red {
     color: red;
 }

 .day.muted {
     color: #ccc;
 }


 /* video galarry section */
 /* body {
  font-family: 'Segoe UI', sans-serif;
  background: #f5f5f5;
  padding: 20px;
} */

 .gallery-container {
     max-width: 1280px;
     background: white;
     border-radius: 6px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     padding: 15px;
     margin-top: 10px;
     margin-bottom: 5px;
 }

 .header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #eee;
     padding-bottom: 8px;
     margin-bottom: 10px;
     font-size: 18px;
     color: #c62828;
     font-weight: bold;
 }

 .header button {
     background: #f44336;
     color: white;
     border: none;
     padding: 5px 12px;
     border-radius: 4px;
     cursor: pointer;
 }

 .video-gallery {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     padding-top: 10px;
 }

 .main-video {
     flex: 2;
     min-width: 300px;
 }

 .main-video img {
     width: 100%;
     border-radius: 6px;
 }

 .main-video .caption h3 {
     color: #b71c1c;
     margin: 10px 0 5px;
     font-size: 20px;
 }

 .main-video .caption p {
     font-size: 15px;
     color: #333;
 }

 .side-videos {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 10px;
     min-width: 250px;
 }

 .video-thumb {
     background: #fff;
     border-radius: 6px;
     display: flex;
     flex-direction: column;
 }

 .video-thumb img {
     width: 100%;
     border-radius: 4px;
 }

 .video-thumb h4 {
     font-size: 14px;
     margin: 5px 0;
     color: #333;
 }



 .footer {
     background-color: #e5e5e5;
     padding: 30px 15px 10px;
     font-family: 'Noto Serif Bengali', serif;
     font-size: 16px;
 }

 .footer-container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap: 20px;
 }

 .footer-logo-section img {
     height: 40px;
 }

 .footer-links {
     display: flex;
     gap: 40px;
     flex-wrap: wrap;
 }

 .footer-links ul {
     list-style: none;
     padding: 0;
 }

 .footer-links ul li {
     margin-bottom: 10px;
 }

 .footer-links ul li a {
     color: #000;
     text-decoration: none;
 }

 .footer-links .highlight {
     color: red;
     font-weight: bold;
 }

 .footer-app-social {
     max-width: 240px;
     text-align: center;
 }

 .footer-app-social p {
     margin-bottom: 10px;
 }

 .app-buttons img {
     height: 40px;
     margin: 5px;
     cursor: pointer;
 }

 .social-icons a {
     margin: 0 6px;
     color: #000;
     font-size: 20px;
     text-decoration: none;
 }

 .footer-bottom {
     border-top: 1px solid #ccc;
     padding-top: 15px;
     margin-top: 20px;
     text-align: center;
     font-size: 14px;
     color: #333;
 }

 .footer-bottom a {
     color: #d00;
     text-decoration: none;
     margin: 0 5px;
 }

 @media (max-width: 768px) {
     .footer-container {
         flex-direction: column;
         align-items: center;
     }

     .footer-links {
         flex-direction: column;
         align-items: center;
     }

     .footer-app-social {
         text-align: center;
     }
 }



 /* category section */

 .category_national_section {
     display: flex;
 }

 .category_left {
     width: 900px;
     margin: 10px 0px;
 }

 .category_left_top {}

 .category_left_top img {
     width: 100%;
 }

 .category_left_top h1 {}

 .category_left_top p {}

 .category_left_bottom {
     border: 1px solid red;
     width: 900px;
     gap: 10px;
     display: flex;
     margin-top: 15px;
 }

 .category_left_bottom_left {
     display: flex;
 }

 .category_left_bottom_left h3 {
     width: 225px;
     background-color: #dcdcdd;
     padding: 5px;
 }

 .category_left_bottom_left img {
     width: 225px;
 }

 .category_left_bottom_right {}

 .category_left_bottom_right h3 {}

 .category_left_bottom_right img {}

 .category_right {
     width: 350px;
 }

 .category_right_header {
     margin-top: 12px;
 }

 .category_right_content img {
     height: 80px;
     width: 100px;
 }

 .category_right_header h1 {
     background-color: #e0dbdb;
     padding: 10px;
     color: red;
     font-size: 19px;
     border-radius: 5px;
 }

 .category_right_content {
     display: flex;
     /* flex-wrap: wrap; */
     margin-left: 16px;
     margin-top: 12px;
 }

 .category_right_content img {
     width: 150px;

 }

 .category_right_content h4 {
     background-color: #f3efef;
     padding: 2px;
     width: 230px;
     padding-left: 8px;
 }

 .category_right_content p {}




 /* ajker title section  */

 .title_section {}

 .title_section_header {
     background-color: #eceaea;
     width: 1280px;
     border-radius: 6px;
 }

 .title_section_header h1 {
     color: #e90707;
     padding: 6px;
     margin: 10px;

 }

 .title_content {
     width: 1280;
     display: flex;
     gap: 20px;
     padding: 10px;
 }

 .title_content_left {
     width: 625;
     display: flex;

 }

 .title_content_left img {
     width: 125px;
 }

 .title_content_left h3 {
     width: 540px;
     background-color: #eeeded;
     padding: 15px;
 }

 .date-box {
     text-align: right;
     padding-top: 10px;
     font-size: 16px;
     font-family: 'SolaimanLipi', sans-serif;
     color: #000;
     margin-right: 10px;
     margin-bottom: 5px;
     /* border-top: 1px solid rgb(197, 183, 183); */
     /* গাঢ় লাল বার */
     width: fit-content;
     margin-left: auto;
 }

 .sticky-header {
     position: sticky;
     top: 0;
     z-index: 10;
     /* যাতে উপরে থাকে */
 }

 .reponsive_heder_top {
     display: none;
 }

 .simple-search {
     text-align: center;
     margin-top: 0px;
 }

 .simple-search input[type="text"] {
     padding: 8px 12px;
     font-size: 16px;
     width: 200px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .simple-search button {
     padding: 8px 16px;
     font-size: 16px;
     margin-left: 5px;
     background-color: #007BFF;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
 }

 .simple-search button:hover {
     background-color: #0056b3;
 }

 .fixed-nav {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 50;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 .featured-news-container {
     display: grid;
     grid-template-columns: 2fr 1fr;
     gap: 10px;
 }

 .big-news {
     position: relative;
     height: 400px;
     overflow: hidden;
     border-radius: 5px;
 }

 .big-news img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .big-news .overlay {
     position: absolute;
     bottom: 0;
     padding: 20px;
     color: white;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
 }

 .big-news .category {
     background: #007bff;
     padding: 4px 10px;
     border-radius: 4px;
     font-size: 12px;
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 8px;
 }

 .big-news .title {
     font-size: 20px;
     font-weight: bold;
 }

 .big-news .meta {
     font-size: 14px;
     margin-top: 8px;
     display: flex;
     gap: 10px;
     align-items: center;
 }

 /* Right side small news grid */
 .small-news-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }

 .small-news {
     position: relative;
     overflow: hidden;
     border-radius: 5px;
 }

 .small-news img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .small-news .overlay {
     position: absolute;
     bottom: 0;
     padding: 15px;
     color: white;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
 }

 .small-news .category {
     font-size: 11px;
     padding: 2px 8px;
     background: #ff007b;
     border-radius: 3px;
     margin-bottom: 5px;
     display: inline-block;
 }

 .small-news .title {
     font-size: 14px;
     font-weight: 500;
 }

 .small-news .meta {
     font-size: 12px;
     margin-top: 5px;
     display: flex;
     gap: 8px;
 }

 .national_section_mine_bottom {
     flex: 1;
 }

 /* 
    } */

 /* @media (max-width: 1460px) {
   .nav_link .humbarger {
     display: none;
   }
  }  */

 .dangu_sec {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .national_section_top_content {}

 .national_section_top_content .national_section_to img {
     width: 680px;

 }

 .nav_link .humbarger {
     display: none;
 }


 /* .nav_link{
    background-color: #f5f8fc;
    padding-top: 15px;
    padding-bottom: 15px;
  }
 */

 .heder_nav {
     padding: 10px 10px;

 }

 /* Details page ar css */


 .most-read-box {
     background: white;
     border-radius: 8px;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     margin-top: 10px;
 }

 .most-read-header {
     background: #eee;
     padding: 10px 15px;
     font-size: 18px;
     font-weight: bold;
     color: crimson;
     border-bottom: 1px solid #ddd;
 }

 .scrollable-list {
     max-height: 400px;
     overflow-y: auto;
 }

 .news-item {
     display: flex;
     padding: 10px;
     border-bottom: 1px solid #eee;
 }

 .news-item img {
     width: 80px;
     height: 60px;
     object-fit: cover;
     border-radius: 4px;
     margin-right: 10px;
 }

 .news-content {
     flex: 1;
 }

 .news-title {
     font-size: 15px;
     font-weight: bold;
     margin-bottom: 5px;
     line-height: 1.3em;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .news-meta {
     font-size: 13px;
     color: gray;
 }

 /* Custom Scrollbar */
 .scrollable-list::-webkit-scrollbar {
     width: 6px;
 }

 .scrollable-list::-webkit-scrollbar-thumb {
     background-color: #ccc;
     border-radius: 3px;
 }

 p {
     font-size: 20px;
     /* হেডিং সাইজ */
     font-weight: 700;
     /* Bold */
     line-height: 1.6;
     /* পড়ার উপযোগী line-height */
     color: #111;
     /* ডার্ক কালার */
     font-family: 'SolaimanLipi', 'Noto Sans Bengali', sans-serif;
     /* বাংলা নিউজ ফন্ট */
     margin: 6px 0;
     /* একটু গ্যাপ */
     cursor: pointer;
     /* হোভার করলে কার্সর পরিবর্তন হবে */
     transition: all 0.3s ease;
     /* মসৃণ অ্যানিমেশন */
     /* 👉 প্রতিটি লাইন সমানভাবে সাজানো হবে */
     text-justify: inter-word;
     /* শব্দের মাঝে গ্যাপ adjust হবে */
 }

 p:hover {
     color: #d32f2f;
     /* হোভার করলে লালচে রঙ */
     /* হোভার করলে আন্ডারলাইন */
 }

 .desh_left {
     color: #000000ad;
     font-size: 16px;
     padding-top: 5px;
     text-align: justify;
     padding: 5px;
 }

 .tea_left_img {
     width: 100%;
     /* container অনুযায়ী fit করবে */
     height: 180px;
     /* সব ইমেজের একই উচ্চতা */
     object-fit: cover;
     /* ছবি কাটবে কিন্তু বিকৃত হবে না */
     border-radius: 6px;
 }



 .vedio_gallery {
     display: flex;
     gap: 15px;
 }

 .vedio_gallery_left iframe {
     max-width: 740px;
     height: 400px;
     border-radius: 6px;
 }

 .vedio_gallery_right {
     max-height: 400px;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
     gap: 8px;
     border: 1px solid #ddd;
     padding: 10px;
     width: 390px;
 }

 .video-item {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     cursor: pointer;
 }

 .thumb {
     width: 90px;
     height: 65px;
     object-fit: cover;
     border-radius: 4px;
     transition: transform 0.3s ease;
 }

 .thumb:hover {
     transform: scale(1.05);
 }

 .video-title {
     font-size: 13px;
     color: #222;
     line-height: 1.4;
 }

 .side_news_left {
     flex: 1;
 }

 .right_point_imaage img {
     width: 100%;
     min-height: 98px;
 }

 /*.rajdani_right{*/
 /*    width: 250px;*/
 /*    height: 150px;*/
 /*} */

 .rajdani_right img {
     width: 250px;
     height: 150px;
 }