/* footer css start */
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px 0;
}
.flastback {
  background-color: blueviolet;
  color: #fff;
}
.fcd p {
  margin-bottom: 0em;
}
.fcd p a {
  text-decoration: none;
  color: azure;
}
/* footer css end */

/* menu css start */

.menulastback {
  background-color: blueviolet;
  color: #fff;
}
.menublcok {
  display: flex;
}
.menu-bar i {
  color: #fff;
}
#primary-menu li a,
.menu-bar,
.menu-search {
  line-height: 50px;
  font-size: 22px;
  font-weight: 500;
  padding: 0 10px;
  font-family: khand, sans-serif;
  color: #fff;
  cursor: pointer;
}

.menu-bar,
.menu-search {
  line-height: 50px;
  font-size: 22px;
  font-weight: 500;
  padding: 0 10px;
  font-family: khand, sans-serif;
  color: #fff;
  cursor: pointer;
  background-color: red;
}

/* menu css end */

/* menu from leftside */

.menunav,
.menu-content-search {
  display: none;
  position: fixed;
  top: 0;
  left: -300px;
  /* Initially hidden off-screen to the left */
  width: 300px;
  /* Set the width of the sliding menu/search */
  height: 100%;
  background-color: #f8f9fa;
  /* Dark background for the menu/search */
  z-index: 9999;
  opacity: 1;
  transition: all 0.4s ease;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  /* Optional shadow effect */
}

.menunav.active,
.menu-content-search.active {
  left: 0;
  /* Slide in from left */
}

body.menu-open {
  overflow: hidden;
  /* Prevent scrolling when the menu or search is open */
}

.menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* Dark transparent background */
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.menu-overlay.active {
  display: block;
  opacity: 1;
}

/* Close button style */
.menu-content-close {
  position: absolute;
  top: 10px;
  right: -20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* Menu and search button hover effect */
.menu-bar:hover i,
.menu-search:hover i {
  color: #ffcc00;
}

/* Optional: Style for inner content */
.menunav .menu-content,
.menu-content-search .search-content {
  padding: 20px;
  color: white;
}
/* menufrom left side */

/* post title content css start */
.postentry-content p {
  color: #102c57;
  font-family: mukta, sans-serif !important;
  font-size: 20px !important;
  line-height: 29px !important;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 1rem;
}
/* Post title container */
.posttitle {
  margin: 20px 0;
  font-family: "Roboto", sans-serif;
  /* Modern, clean font choice */
}

/* Link to the post */
.posttitle a {
  text-decoration: none;
  font-size: 2em;
  /* Adjust as per your design */
  font-weight: 700;
  color: #333;
  /* Neutral color for titles */
  transition: color 0.3s ease, text-shadow 0.3s ease;
  /* Smooth transitions for hover effects */
}

/* Hover effects */
.posttitle a:hover {
  color: #0073aa;
  /* Brand color or any accent color */
  text-shadow: 2px 2px 4px rgba(0, 115, 170, 0.3);
  /* Slight shadow to add depth */
  transform: scale(1.02);
  /* Slight zoom on hover */
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .posttitle a {
    font-size: 1.6em;
    /* Slightly smaller font size for mobile */
  }
}

/* Main container for author and share section */
.postauthor-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  /* Soft shadow for modern look */
  background-color: #f9f9f9;
  transition: box-shadow 0.3s ease;
  margin-bottom: 12px;
}

.postauthor-share:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  /* Slight elevation on hover */
}

/* Author info container */
.postauthor-info {
  display: flex;
  align-items: center;
}

/* Author avatar */
.author-avatar {
  margin-right: 20px;
}

.author-avatar img {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Adds depth */
  transition: transform 0.3s ease;
}

.author-avatar img:hover {
  transform: scale(1.05);
  /* Slight zoom effect on hover */
}

/* Author name styling */
.author-name h4 {
  margin: 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #333;
  transition: color 0.3s ease;
}

.author-name h4 a {
  text-decoration: none;
  color: #0073aa;
  font-weight: 700;
  transition: color 0.3s ease;
}

.author-name h4 a:hover {
  color: #005680;
  /* Darker hover state */
}

/* Share icons or buttons container */
.post-share {
  display: flex;
  align-items: center;
  gap: 15px;
  /* Space between share icons */
}

.post-share a {
  color: #0073aa;
  font-size: 1.4em;
  transition: color 0.3s ease, transform 0.3s ease;
}

.post-share a:hover {
  color: #005680;
  transform: translateY(-3px);
  /* Slight lift on hover */
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .postauthor-share {
    flex-direction: column;
    align-items: flex-start;
  }

  .post-share {
    margin-top: 15px;
  }
}

/* Post date container */
.post-date {
  font-size: 1.1em;
  color: #666;
  /* Light gray for a subtle look */
  font-style: italic;
  /* Optional: adds a classy touch */
  display: block;
}

/* Date hover effect */
.post-date:hover {
  color: #0073aa;
  /* Brand color or accent color for hover */
  transition: color 0.3s ease;
}

/* post title content css end */

/* category css start */

.category-block {
  background-color: #f9f9f9; /* Light background */
  border-radius: 8px; /* Rounded corners */
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.block-title {
  font-size: 2rem; /* Large title font */
  font-weight: bold; /* Bold title */
  margin-bottom: 15px; /* Space below title */
  color: #333; /* Dark color for title */
  text-align: center; /* Centered title */
}

.category-post {
  display: flex; /* Flexbox for post layout */
  margin-bottom: 15px; /* Space between posts */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Shadow for individual posts */
  border-radius: 8px; /* Rounded corners for posts */
  background-color: #fff; /* White background for posts */
  padding: 10px; /* Padding for post content */
}

.categonepost-thumbnail {
  flex: 0 0 150px; /* Fixed width for thumbnail */
  margin-right: 15px; /* Space between thumbnail and details */
  border-radius: 8px; /* Rounded corners for thumbnail */
  overflow: hidden; /* Crop overflow */
}

.categonepost-thumbnail img {
  width: 100%; /* Responsive image */
  height: auto; /* Maintain aspect ratio */
}

.catpost-details {
  flex: 1; /* Take up remaining space */
  display: flex;
  flex-direction: column; /* Stack title and date */
  justify-content: center; /* Center vertically */
}

.catpost-details a {
  text-decoration: none; /* Remove underline */
  color: #0073aa; /* Link color */
  transition: color 0.3s; /* Smooth color transition */
}

.catpost-details a:hover {
  color: #005177; /* Darker link color on hover */
}

.catpost-details h3 {
  font-size: 1.5rem; /* Post title font size */
  margin: 0; /* Remove margin */
  margin-bottom: 5px; /* Space below title */
}

.fa-calendar-days {
  margin-right: 5px; /* Space between icon and date */
  color: #999; /* Lighter color for date */
}

/* category css end */

/* latest populat part css start */

/* Latest Posts List Styling */
.latest-posts-list {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(300px, 1fr)
  ); /* Responsive grid */
  gap: 20px; /* Space between posts */
  margin: 0;
  padding: 0;
}

/* Latest Post Item Styling */
.latest-post-item {
  display: flex;
  align-items: center;
  background-color: #fff; /* Background for each post */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  border-radius: 10px; /* Rounded corners */
  overflow: hidden;
}

/* Thumbnail Styling */
.latest-post-thumbnail {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 10px 0 0 10px; /* Only round left corners */
}

.latest-post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the image covers the entire area */
  border-radius: 10px 0 0 10px; /* Ensure rounded corners apply to image */
}

/* Post Title Styling */
.latest-post-title {
  flex-grow: 1;
  padding: 15px;
}

.latest-post-title a {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  display: block;
}

.news-post-thumbnails img {
  margin-bottom: 20px;
  border-radius: 4px;
}
/* latest popular part css end */

.newspostsideadss {
  /* General styles for the sidebar */
  /* width: 300px;  */
  /* Adjust as needed */
  padding: 20px;
  background-color: #f8f9fa; /* Light background color */
  border: 1px solid #ddd; /* Light border */
  border-radius: 8px; /* Rounded corners */
  transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
}

.newspostsideadss.inactive {
  /* Styles when the sidebar is inactive */
  opacity: 0; /* Hidden */
  transform: translateY(-10px); /* Slide up effect */
  height: 0; /* Remove height */
  overflow: hidden; /* Hide overflow */
  box-shadow: none; /* No shadow when inactive */
}

.newspostsideadss.active {
  /* Styles when the sidebar is active */
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Reset position */
  height: auto; /* Reset height */
  overflow: visible; /* Show overflow */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Enhanced shadow effect when active */
}

/* Optional: Add styles for the content inside the sidebar */
.newspostsideadss .widget {
  margin-bottom: 20px; /* Spacing between widgets */
}

.newspostsideadss .widget-title {
  font-size: 18px; /* Title font size */
  font-weight: bold; /* Bold title */
  margin-bottom: 10px; /* Spacing below title */
}

/* Responsive styles */
@media (max-width: 768px) {
  .newspostsideadss {
    width: 100%; /* Full width on smaller screens */
  }
}

.newspostsideadss section img {
  width: 100%;
}
.adss1 section img {
  height: 100% !important;
}

/* comment part css start */

/* Comments Section Styles */
.comments-area {
  margin-top: 40px; /* Spacing above the comments section */
  padding: 30px; /* Increased padding for better spacing */
  background-color: #ffffff; /* White background for clarity */
  border: 1px solid #e1e1e1; /* Light border for subtle separation */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Enhanced shadow for depth */
}

/* Comments Title */
.comments-title {
  font-size: 28px; /* Larger title font size */
  font-weight: 600; /* Semi-bold title */
  margin-bottom: 25px; /* Increased spacing below title */
  color: #333; /* Dark text color for readability */
}

/* Individual Comment Styles */
.comment {
  padding: 20px; /* Padding for each comment */
  margin-bottom: 20px; /* Spacing between comments */
  background-color: #f9f9f9; /* Light background for comments */
  border-left: 5px solid #0073aa; /* Left border color */
  border-radius: 4px; /* Rounded corners */
  transition: background-color 0.3s ease; /* Smooth background transition */
  position: relative; /* Positioning context for pseudo-elements */
}

/* Hover Effect for Comments */
.comment:hover {
  background-color: #f0f8ff; /* Light blue background on hover */
}

/* Comment Author */
.comment-author {
  font-weight: 700; /* Bold for author name */
  color: #0073aa; /* Author name color */
}

/* Comment Date */
.comment-meta {
  font-size: 12px; /* Smaller font size for date */
  color: #999; /* Light grey color */
}

/* Comment Content */
.comment-content {
  margin-top: 10px; /* Spacing above comment content */
  line-height: 1.6; /* Improved line height for readability */
}

/* Comment Form Styles */
.comment-respond {
  margin-top: 40px; /* Spacing above the comment form */
  padding: 30px; /* Increased padding for the form */
  background-color: #ffffff; /* White background for form */
  border: 1px solid #e1e1e1; /* Light border */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Enhanced shadow */
}

/* Comment Form Title */
.comment-reply-title {
  font-size: 22px; /* Font size for form title */
  font-weight: 600; /* Semi-bold title */
  margin-bottom: 20px; /* Spacing below title */
  color: #333; /* Dark text color */
}

/* Input Fields */
input[type="text"],
input[type="email"],
textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Padding inside inputs */
  margin-bottom: 20px; /* Spacing below each input */
  border: 1px solid #ccc; /* Light border */
  border-radius: 4px; /* Rounded corners */
  font-size: 16px; /* Font size for inputs */
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}

/* Focus Effect for Input Fields */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #0073aa; /* Change border color on focus */
  box-shadow: 0 0 5px rgba(0, 115, 170, 0.5); /* Subtle shadow on focus */
  outline: none; /* Remove default outline */
}

/* Textarea Specific Styles */
textarea {
  resize: vertical; /* Allow vertical resizing */
  min-height: 100px; /* Minimum height for textarea */
}

/* Submit Button Styles */
.comment-form-submit input[type="submit"] {
  background-color: #0073aa; /* Button background color */
  color: #ffffff; /* Button text color */
  padding: 12px 25px; /* Padding inside button */
  border: none; /* Remove default border */
  border-radius: 4px; /* Rounded corners */
  cursor: pointer; /* Pointer cursor on hover */
  font-size: 16px; /* Font size for button */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transitions */
}

/* Hover Effect for Submit Button */
.comment-form-submit input[type="submit"]:hover {
  background-color: #005177; /* Darker shade on hover */
  transform: translateY(-2px); /* Lift effect on hover */
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
  .comments-area {
    padding: 20px; /* Adjust padding for smaller screens */
  }

  .comment {
    padding: 15px; /* Adjust padding for individual comments */
  }

  input[type="text"],
  input[type="email"],
  textarea {
    padding: 10px; /* Adjust padding for inputs */
  }

  .comment-form-submit input[type="submit"] {
    padding: 10px 20px; /* Adjust button padding */
  }
}

/* comment part css end */

/* dont missed css start */

.lastremaining-posts {
  background-color: #f4f4f4; /* Light gray background */
  padding: 20px; /* Padding around the section */
  margin: 20px 0; /* Margin for spacing */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.lastremaining-posts h2 {
  display: inline-block;
  background: #d12229;
  color: #fff;
  padding: 8px 30px;
}

.lastmissedpost-listblock {
  display: flex; /* Flexbox for layout */
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  gap: 15px; /* Space between items */
}

.lastpost {
  background-color: #fff; /* White background for individual posts */
  border-radius: 8px; /* Rounded corners for posts */
  overflow: hidden; /* Clip overflow */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  flex: 1 1 calc(25% - 15px); /* Responsive sizing */
  max-width: calc(25% - 15px); /* Limit max width */
}

.last-post-title {
  padding: 10px; /* Padding inside the title container */
}

.last-post-title h3 {
  font-size: 18px; /* Title font size */
  margin: 0; /* Remove default margin */
  color: #0073aa; /* Link color */
  text-align: center; /* Center-align text */
}

.last-post-title h3 a {
  text-decoration: none; /* Remove underline from links */
}

.last-post-title h3 a:hover {
  text-decoration: underline; /* Underline on hover */
}

.lastmissed-post-thumbnail {
  text-align: center; /* Center the thumbnail */
  margin-bottom: 10px; /* Space below the thumbnail */
  position: relative; /* Positioning for the date */
}

.lastmissed-post-thumbnail img {
  border-radius: 8px; /* Round corners for thumbnails */
  max-width: 100%; /* Responsive image */
  height: auto; /* Maintain aspect ratio */
}

.post-date {
  position: absolute; /* Position it relative to the thumbnail */
  bottom: 10px; /* Adjust as needed */
  left: 50%; /* Center it horizontally */
  transform: translateX(-50%); /* Adjust for center alignment */
  background-color: rgba(0, 0, 0, 0.7); /* Dark background for readability */
  color: #fff; /* White text color */
  padding: 5px 10px; /* Padding around the date */
  border-radius: 5px; /* Rounded corners */
  font-size: 14px; /* Font size */
}

@media (max-width: 768px) {
  .lastpost {
    flex: 1 1 calc(50% - 15px); /* Two items per row on smaller screens */
    max-width: calc(50% - 15px); /* Limit max width */
  }
}

@media (max-width: 480px) {
  .lastpost {
    flex: 1 1 100%; /* Single item per row on extra small screens */
    max-width: 100%; /* Limit max width */
  }
}

/* dont missed css end */

/* breaking ui onof css start */
.breaking-posts-section {
  background-color: #ffffff; /* White background for a clean look */
  border: 1px solid #e1e1e1; /* Light border */
  border-radius: 10px; /* More pronounced rounded corners */
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Deeper shadow for a floating effect */
  transition: box-shadow 0.3s ease; /* Smooth shadow transition on hover */
}

.breaking-posts-section:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

.breaking-posts-section h2 {
  font-size: 26px; /* Larger title for emphasis */
  color: #2c3e50; /* Darker shade for title */
  margin-bottom: 15px;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif; /* Modern font */
}

.breaking-post {
  text-align: center;
  margin-bottom: 25px; /* More space between posts */
  padding: 15px; /* Padding for each post */
  background-color: #f7f9fc; /* Light background for individual posts */
  border-radius: 8px; /* Slight rounding */
  transition: background-color 0.3s; /* Smooth background transition */
}

.breaking-post:hover {
  background-color: #eaeef1; /* Change background on hover */
}

.breaking-post h3 {
  font-size: 64px;
  padding: 0 40px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 20px;
  font-family: "Mukta", sans-serif;
}

.breaking-post h3 a {
  text-decoration: none;
  transition: color 0.3s; /* Smooth color transition */
}

.breaking-post h3 a:hover {
  color: #2980b9; /* Darker color on hover */
}

.breaking-post p {
  font-size: 16px;
  color: #7f8c8d; /* Subtle gray for text */
  line-height: 1.6; /* Better line spacing */
}

/* Featured image styling */
.featured-image {
  margin: 15px 0; /* Space around image */
  overflow: hidden; /* Prevent overflow */
  border-radius: 8px; /* Rounded corners */
}

.featured-image img {
  width: 100%;
  border-radius: 8px;
  height: 600px;
  object-fit: cover;
  border-radius: 8px; /* Match the container's rounded corners */
  transition: transform 0.3s; /* Smooth transform on hover */
}

.featured-image img:hover {
  transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Video container styling */
.facebook-live-video,
.youtube-live-video {
  margin: 20px 0; /* Space around videos */
  border-radius: 8px; /* Rounded corners */
  overflow: hidden; /* Prevent overflow */
  background-color: #f0f0f0; /* Light gray background for videos */
}

.facebook-live-video iframe,
.youtube-live-video iframe {
  width: 100%;
  height: 450px; /* Fixed height */
  border: none; /* No border */
  border-radius: 8px; /* Match the container's rounded corners */
}
.breaking_excerpt {
  font-size: 24px;
  margin: 20px 0 15px;
  text-align: center;
}

/* breaking ui onof css end */

/* block two css start */
.block-two-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}

.blocktwofirst-title-thummb {
  position: relative;
}

.blobktwo-firsttitle h2 {
  position: absolute;
  bottom: 0;
  font-size: 22px;
  line-height: 1.3;
  padding: 10px;
}
.blobktwo-firsttitle {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    to top,
    rgb(0 0 0 / 0.88),
    rgb(0 0 0 / 0.68),
    transparent,
    transparent,
    transparent
  );
  z-index: 4;
}
.blobktwo-firsttitle h2 a {
  text-decoration: none;
  color: #fff;
}
/* block two css end */

/* block two css second strat */
.block-two-second {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}
.blockonesecond-title-thummb {
  display: flex;
  column-gap: 12px;
  margin-bottom: 12px;
}
.blockone-secondpost-thumbnail a img {
  height: 85px !important;
  width: 100%;
  border-radius: 4px;
  min-width: 150px;
  max-width: 150px;
}
.blockone-seconf-title h2 a {
  text-decoration: none;
  color: #333;
}

.blockone-seconf-title h2 {
  font-weight: 600;
  color: #010101;
  font-size: 18px;
}
.blocktwof {
  margin-top: 12px;
  margin-bottom: 12px;
}
/* block two css second end */

/* blocl third css start */

.block-three-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}

/* block third css end */

/* block three second */
.block-three-second {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.block-three-second {
  display: grid;
  grid-gap: 40px; /* Increased gap for a more spacious layout */
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.blockthreesecond-title-thummb {
  background-color: #fff; /* White background for contrast */
  border-radius: 4px; /* Rounded corners */
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  */
  /* Subtle shadow for depth */
  overflow: hidden; /* Prevent overflow of content */
  transition: box-shadow 0.3s ease; /* Smooth shadow transition */
}

.blockthree-secondpost-thumbnail {
  position: relative;
  overflow: hidden; /* Hide overflow to prevent image from going outside */
}

.blockthree-secondpost-thumbnail a img {
  width: 100%;

  transition: transform 0.3s ease; /* Smooth zoom effect */
  width: 100%;
  height: 130px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blockthree-secondpost-thumbnail:hover a img {
  transform: scale(1.1); /* Zoom effect on hover */
}

.blockthree-seconf-title {
  padding: 15px; /* Add padding for content */
}

.blockthree-seconf-title h2 {
  font-size: 18px; /* Title font size */
  font-weight: 600; /* Font weight for emphasis */
  color: #333; /* Darker color for text */
  margin: 0 0 10px; /* Margin below title */
}

.blockthree-seconf-title h2 a {
  text-decoration: none; /* Remove underline */
  color: inherit; /* Inherit color from parent */
  transition: color 0.3s ease; /* Smooth color transition */
}

.blockthree-seconf-title h2 a:hover {
  color: #007bff; /* Change color on hover */
}

.post-content-timeago {
  font-size: 14px; /* Smaller font size for time */
  color: #888; /* Lighter color for time text */
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .block-three-second {
    grid-template-columns: repeat(
      2,
      1fr
    ); /* Change to 2 columns on medium screens */
  }
}

@media (max-width: 768px) {
  .block-three-second {
    grid-template-columns: 1fr; /* Stack items on smaller screens */
  }
}

/* block third css third start */
.blockthreefirst-second-title h2 {
  margin-bottom: 5px;
  border-bottom: 1px solid #dddd;
  background-color: #fff;
  padding: 20px 0;
  transition: 300ms ease-in-out;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
  font-size: 18px;
}

.blockthreefirst-second-title h2 a {
  text-decoration: none;
  color: #333;
}

.blockthreefirst-second-title {
}
/* Container holding the post thumbnail and title */
.blockthreefirstsecond-title-thummb {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  height: auto;
}

/* Styling for the post thumbnail image */
.blockthreefirst-secondpost-thumbnail {
  position: relative;
  overflow: hidden;
}

/* Image inside the thumbnail - zoom-in effect on hover */
.blockthreefirst-secondpost-thumbnail img {
  transition: transform 0.5s ease;
  /* Smooth zoom effect on hover */
  width: 100%;
  height: auto;
}

/* Zoom-in effect on image hover */
.blockthreefirstsecond-title-thummb:hover
  .blockthreefirst-secondpost-thumbnail
  img {
  transform: scale(1.1);
}

/* Post title section - always visible at the bottom with a gradient background */
.blockthreefirst-seconf-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 10px 20px;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.88),
    rgba(0, 0, 0, 0.68),
    transparent,
    transparent,
    transparent
  );
  /* Gradient background */
  color: white;
  text-align: center;
  font-size: 18px;
  transition: background 0.5s ease, opacity 0.5s ease;
  /* Smooth background transition */
  opacity: 1;
  /* Always visible */
}

/* Optional: Styling for the post title link */
.blockthreefirst-seconf-title a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
  /* Transition for link color on hover */
}

.blockthreefirst-seconf-title h2 {
  line-height: 1.2;
  position: absolute;
  font-size: 20px;
  bottom: 0;
}

.blockthreefirst-seconf-title a:hover {
  /* Change color on hover for better effect */
}
.block-three-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}

.blockthreefirst-title-thummb {
  column-gap: 12px;
  margin-bottom: 12px;
  align-items: center;
  /* Align title and thumbnail vertically */
}

.blockthree-firstpost-thumbnail {
  position: relative;
  overflow: hidden;
  /* Hide overflow to prevent image from going outside */

  border-radius: 4px;
  /* Add border radius */
}

.blockthree-firstpost-thumbnail a img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
  /* Smooth transition for zoom */
}

.blockthree-firstpost-thumbnail:hover a img {
  transform: scale(1.1);
  /* Zoom effect on hover */
}

.blobkthree-firsttitle h2 {
  font-weight: 600;
  font-size: 18px;
  color: #010101;
  margin: 0;
}

.blockthreefirst-title-thummb {
  position: relative;
}

.blobkthree-firsttitle h2 a {
  text-decoration: none;
  color: #fff;
}

.blobkthree-firsttitle h2 {
  bottom: 0;
  position: absolute;
  z-index: 1;
  padding: 12px;
  font-weight: 600;
}

.blobkthree-firsttitle {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    to top,
    rgb(0 0 0 / 0.88),
    rgb(0 0 0 / 0.68),
    transparent,
    transparent,
    transparent
  );
  z-index: 4;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .block-three-first {
    grid-template-columns: 1fr;
  }
}

/* block third css thid end  */
/* block four css start */
.block-four-second {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Space between blocks */
}

.blockfour-second-title-thummb {
  display: flex;
}

.blockfour-second-title-thummb {
  flex: 1 1 calc(25% - 20px);
  /* Adjusts width of each block (4 in a row) */

  overflow: hidden;
  /* Prevents overflow */
  column-gap: 12px;
  padding-top: 5px;
  border-top: 1px dotted #33333363;
  transition: transform 0.3s ease;
  /* Smooth scaling on hover */
}

.blockfour-secondpost-thumbnail {
  min-width: 118px;
  max-width: 118px;
  height: 85px;
  /* Fixed height */
  overflow: hidden;
  /* Hide overflow */
}

.blockfour-secondpost-thumbnail img {
  width: 100%;
  /* Responsive image */
  height: auto;
  /* Maintain aspect ratio */
  object-fit: cover;
  border-radius: 4px;
  /* Cover the container */
}

.blockfour-second-title {
}

.blockfour-second-title h2 {
  /* Dark text color */
  font-weight: 600;
  color: #010101;
  font-size: 18px;
}

.blockfour-second-title h2 a {
  text-decoration: none;
  color: #333;
}

.post-content-timeago {
  font-size: 0.875rem;
  /* Smaller font size for time ago */
  color: #777;
  /* Gray text color */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .blockfour-second-title-thummb {
    flex: 1 1 calc(50% - 20px);
    /* 2 blocks in a row on smaller screens */
  }
}

@media (max-width: 480px) {
  .blockfour-second-title-thummb {
    flex: 1 1 100%;
    /* 1 block in a row on very small screens */
  }
}
/* Container for the block with the thumbnail and title */
.blockfourfirst-title-thummb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

/* Styling for the post thumbnail with zoom effect */
.blockfourfirst-post-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.blockfourfirst-post-thumbnail img {
  width: 100%;
  height: 400px;
  transition: transform 0.5s ease;
  /* Smooth zoom effect */
}

/* Zoom-in effect on thumbnail hover */
.blockfourfirst-title-thummb:hover .blockfourfirst-post-thumbnail img {
  transform: scale(1.1);
  /* Slight zoom on hover */
}

/* Post title section - always visible at the bottom with gradient background */
.blockfourfirst-seconf-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.88),
    rgba(0, 0, 0, 0.68),
    transparent
  );
  /* Gradient background */
  color: white;
  text-align: center;
  font-size: 18px;
  transition: background 0.5s ease, opacity 0.5s ease;
  /* Smooth background transition */
  opacity: 1;
  /* Always visible */
}

/* Post title link styling */
.blockfourfirst-seconf-title h2 {
  margin: 0;
}

.blockfourfirst-seconf-title h2 a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

/* Hover effect on the post title link */
.blockfourfirst-seconf-title h2 a:hover {
  text-decoration: underline;
  color: #ffcc00;
  /* Change color on hover for better contrast */
}

/* block four css end */

/* block fice css start */
/* Main container for block-five-first */
.block-five-first {
  position: relative;
  overflow: hidden;
  background: #f5f5f5; /* Light background for the block */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for the block */
}

/* Container for the thumbnail and title */
.blockfivefirst-title-thummb {
  position: relative;
}

/* Styling for the post thumbnail with zoom effect */
.blockfivefirst-post-thumbnail {
  position: relative;
  overflow: hidden;
}

.blockfivefirst-post-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 300px;
  border-radius: 5px;
  transition: transform 0.5s ease; /* Smooth zoom effect */
}

/* Zoom-in effect on thumbnail hover */
.blockfivefirst-title-thummb:hover .blockfivefirst-post-thumbnail img {
  transform: scale(1.1); /* Slight zoom on hover */
}

/* Post title section - always visible at the bottom with gradient background */
.blockfivefirst-seconf-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px; /* Padding for text */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.88),
    rgba(0, 0, 0, 0.68),
    transparent
  ); /* Gradient background */
  color: white;

  font-size: 18px;
  transition: background 0.5s ease; /* Smooth background transition */
}

/* Post title link styling */
.blockfivefirst-seconf-title h2 {
  margin: 0;
  line-height: 1.5;
  font-size: 18px;
}

.blockfivefirst-seconf-title h2 a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover effect on the post title link */
.blockfivefirst-seconf-title h2 a:hover {
  color: #ffcc00; /* Change color on hover for better contrast */
}

/* Styling for the time ago section */
.post-content-timeago {
  font-size: 14px; /* Font size for time ago */
  color: #ccc; /* Light gray for time ago text */
  margin-top: 5px; /* Space between title and time */
}
.block-five-first {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 30px;
  padding: 12px;
}

/* block five css end */

/* pagination start */

/* Pagination Container */
.pagination {
  margin: 20px 0; /* Space above and below the pagination */
  text-align: center; /* Center the pagination links */
}

/* Pagination Links */
.pagination a,
.pagination span {
  display: inline-block; /* Inline-block for spacing */
  padding: 10px 15px; /* Padding for better click area */
  margin: 0 5px; /* Space between links */
  font-size: 1em; /* Font size */
  color: #0073aa; /* Primary link color */
  text-decoration: none;
  background-color: #f9f9f9; /* Light background */
  border: 1px solid #ddd; /* Light border */
  border-radius: 5px; /* Rounded corners */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
}

/* Hover Effect for Links */
.pagination a:hover {
  background-color: #0073aa; /* Change background on hover */
  color: #ffffff; /* Change text color on hover */
}

/* Active Link */
.pagination .current {
  color: #ffffff; /* White text for current page */
  background-color: #0073aa; /* Primary background for current page */
  border: 1px solid #0073aa; /* Match border with background */
}

/* Disabled Link */
.pagination .disabled {
  color: #999; /* Grey color for disabled links */
  pointer-events: none; /* Prevent click events */
  background-color: #f9f9f9; /* Keep the light background */
  border: 1px solid #ddd; /* Light border for disabled */
}

/* Responsive Design */
@media (max-width: 768px) {
  .pagination a,
  .pagination span {
    padding: 8px 10px; /* Reduce padding on smaller screens */
    font-size: 0.9em; /* Slightly smaller font size */
  }
}

/* pagination end */

/* block six css start */
/* General Styles for the Block */
.block-six-third {
  background-color: #ffffff; /* White background */
  border-radius: 8px; /* Slightly rounded corners */
}

/* Title and Thumbnail Container */
.blockfourthird-title-thummb {
  margin-bottom: 20px; /* Space between items */
}

/* Thumbnail Styling */
.blockfourthird-post-thumbnail {
  flex: 0 0 40%; /* Thumbnail takes up 40% of the width */
  max-width: 100%; /* Ensure responsive thumbnails */
  overflow: hidden; /* Prevent overflow */
  border-radius: 2px; /* Rounded corners for the image */
}

.blockfourthird-post-thumbnail img {
  width: 100%; /* Full width */
  height: auto; /* Maintain aspect ratio */
}

/* Title Styling */
.blockfourthird-seconf-title {
  padding: 12px;
}

.blockfourthird-seconf-title h2 {
  font-size: 1.1em; /* Font size for the title */
  line-height: 1.3; /* Line height for better readability */
  color: #333; /* Dark grey color for the title */
  font-weight: 600;
  margin: 0; /* Remove default margin */
  transition: color 0.3s ease; /* Smooth color transition */
}

.blockfourthird-seconf-title h2 a {
  text-decoration: none; /* Remove underline from links */
}

.blockfourthird-seconf-title h2 a:hover {
  color: #0073aa; /* Change color on hover */
}

/* Post Time Styling */
.post-content-timeago {
  font-size: 0.9em; /* Smaller font size for post time */
  color: #666; /* Light grey color for time */
  margin-top: 5px; /* Space above post time */
}

/* Responsive Design */
@media (max-width: 768px) {
  .block-six-third {
    padding: 10px; /* Reduce padding on smaller screens */
  }

  .blockfourthird-title-thummb {
    flex-direction: column; /* Stack thumbnail and title on smaller screens */
  }

  .blockfourthird-post-thumbnail {
    flex: 0 0 auto; /* Allow thumbnail to be auto-sized */
    margin-bottom: 10px; /* Space below thumbnail */
  }

  .blockfourthird-seconf-title h2 {
    font-size: 1.3em; /* Smaller title on mobile */
  }
}

/* General Styles for the Block */
.block-six-second {
  background-color: #ffffff;
  border-radius: 2px;
}

/* Title and Thumbnail Container */
.blockfoursecond-title-thummb {
  margin-bottom: 20px; /* Space between items */
}

/* Thumbnail Styling */
.blockfoursecond-post-thumbnail {
  flex: 0 0 40%; /* Thumbnail takes up 40% of the width */
  max-width: 100%; /* Ensure responsive thumbnails */
  overflow: hidden; /* Prevent overflow */
  border-radius: 8px; /* Rounded corners for the image */
}

.blockfoursecond-post-thumbnail img {
  width: 100%; /* Full width */
  height: auto; /* Maintain aspect ratio */
}

/* Title Styling */
.blockfoursecond-seconf-title {
  padding: 12px;
}

.blockfoursecond-seconf-title h2 {
  font-size: 1.1em; /* Font size for the title */
  font-weight: 600;
  line-height: 1.3; /* Line height for better readability */
  color: #333; /* Dark grey color for the title */
  margin: 0; /* Remove default margin */
  transition: color 0.3s ease; /* Smooth color transition */
}

.blockfoursecond-seconf-title h2 a {
  text-decoration: none; /* Remove underline from links */
}

.blockfoursecond-seconf-title h2 a:hover {
  color: #0073aa; /* Change color on hover */
}

/* Post Time Styling */
.post-content-timeago {
  font-size: 0.9em; /* Smaller font size for post time */
  color: #666; /* Light grey color for time */
  margin-top: 5px; /* Space above post time */
}

/* Responsive Design */
@media (max-width: 768px) {
  .block-six-second {
    padding: 10px; /* Reduce padding on smaller screens */
  }

  .blockfoursecond-title-thummb {
    flex-direction: column; /* Stack thumbnail and title on smaller screens */
  }

  .blockfoursecond-post-thumbnail {
    flex: 0 0 auto; /* Allow thumbnail to be auto-sized */
    margin-bottom: 10px; /* Space below thumbnail */
  }

  .blockfoursecond-seconf-title h2 {
    font-size: 1.3em; /* Smaller title on mobile */
  }
}

/* General Styles for the Block */
.block-six-first {
  background-color: #ffffff; /* White background */
  border-radius: 8px; /* Slightly rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  transition: transform 0.3s ease; /* Smooth hover effect */
}

.block-six-first:hover {
  transform: translateY(-2px); /* Slight lift on hover */
}

/* Thumbnail Styling */
.blocksixfirst-post-thumbnail {
  max-width: 100%; /* Ensure responsive thumbnails */
  overflow: hidden; /* Prevent overflow */
  border-radius: 8px; /* Rounded corners for the image */
}

.blocksixfirst-post-thumbnail img {
  width: 100%; /* Full width */
  height: auto; /* Maintain aspect ratio */
}

/* Title Styling */
.blocksixfirst-seconf-title {
  margin-top: 15px; /* Space between thumbnail and title */
  padding: 12px;
}

.blocksixfirst-seconf-title h2 {
  font-size: 1.5em; /* Font size for the title */
  line-height: 1.3; /* Line height for better readability */
  color: #333; /* Dark grey color for the title */
  margin: 0; /* Remove default margin */
  font-weight: 600;
  transition: color 0.3s ease; /* Smooth color transition */
}

.blocksixfirst-seconf-title h2 a {
  text-decoration: none; /* Remove underline from links */
}

.blocksixfirst-seconf-title h2 a:hover {
  color: #0073aa; /* Change color on hover */
}

/* Post Time Styling */
.post-content-timeago {
  font-size: 0.9em; /* Smaller font size for post time */
  color: #666; /* Light grey color for time */
  margin-top: 5px; /* Space above post time */
}

/* Responsive Design */
@media (max-width: 768px) {
  .block-six-first {
    padding: 10px; /* Reduce padding on smaller screens */
  }

  .blocksixfirst-seconf-title h2 {
    font-size: 1.3em; /* Smaller title on mobile */
  }
}

/* block sox css end */

/* block seven css start */
/* Block Seven First Container */
.block-seven-first {
  margin: 20px auto;
  /* Center the container with margin */
  max-width: 1200px;
}

/* Individual Post Block */
.blockseven-first-title-thummb {
  display: block;
  /* Use block layout */
  margin-bottom: 20px;
  /* Space between posts */
}

/* Post Thumbnail */
.blockseven-firstdpost-thumbnail {
  width: 100%;
  /* Full width for thumbnail */
  overflow: hidden;
  /* Prevent overflow */
}

.blockseven-firstdpost-thumbnail img {
  width: 100%;
  /* Full width of the container */
  height: auto;
  /* Maintain aspect ratio */
  display: block;
  border-radius: 4px;
  /* Prevent gap below images */
}

/* Post Title */
.blockseven-first-title {
  margin: 10px 0;
  /* Space above and below the title */
}

.blockseven-first-title h2 {
  font-size: 1.5em;
  /* Font size for post title */
  margin: 0;
  /* Remove default margin */
  color: #0073aa;
  /* Primary link color */
}

.blockseven-first-title h2 a {
  text-decoration: none;
  /* Remove underline from links */
}

.blockseven-first-title h2 a:hover {
  /* Underline on hover */
}

/* Time Ago Text */
.post-content-timeago {
  font-size: 0.9em;
  /* Font size for time ago text */
  color: #666;
  /* Light grey color */
  margin-top: 5px;
  /* Space above time ago text */
}

/* Responsive Design */
@media (max-width: 768px) {
  .blockseven-first-title-thummb {
    /* No flex styles needed */
  }

  .blockseven-firstdpost-thumbnail {
    /* No changes needed */
  }

  .blockseven-first-title {
    /* No changes needed */
  }

  .blockseven-first-title h2 {
    font-size: 1.2em;
    /* Smaller title on mobile */
  }
}
/* Block Seven Second Container */
.block-sevensecond {
  margin: 20px auto;
  /* Center the container with margin */
  max-width: 1200px;
  /* Maximum width for readability */
  padding: 20px;
  /* Inner spacing */
  background-color: #ffffff;
  /* White background */
  border-radius: 8px;
  /* Slightly rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
}

/* Individual Post Block */
.blockseven-second-title-thummb {
  padding-top: 12px;
  display: flex;
  /* Use flexbox for layout */
  margin-bottom: 20px;
  /* Space between posts */
  overflow: hidden;
  /* Prevent overflow of content */
  border-top: 2px solid #0073aa;
  /* Top border with color */
  column-gap: 12px;
}

/* Post Title */
.blockseven-second-title {
  flex: 1;
  /* Allow the title section to grow */
}

.blockseven-second-title h2 {
  font-size: 1.1em;
  /* Font size for post title */
  margin: 0;
  /* Remove default margin */
  color: #0073aa;
  /* Primary link color */
}

.blockseven-second-title h2 a {
  text-decoration: none;
  /* Remove underline from links */
}

.blockseven-second-title h2 a:hover {
  /* Underline on hover */
}

/* Post Thumbnail */
.blockseven-secondpost-thumbnail {
  flex: 0 0 150px;
  overflow: hidden;
}

.blockseven-secondpost-thumbnail img {
  width: 100%;
  /* Full width of the container */
  height: auto;
  /* Maintain aspect ratio */
  border-radius: 0 8px 8px 0;
  /* Rounded corners on the right */
}

/* Time Ago Text */
.post-content-timeago {
  font-size: 0.9em;
  /* Font size for time ago text */
  color: #666;
  /* Light grey color */
  margin-top: 5px;
  /* Space above time ago text */
}

/* Responsive Design */
@media (max-width: 768px) {
  .blockseven-second-title-thummb {
    flex-direction: column;
    /* Stack title and thumbnail on mobile */
  }

  .blockseven-secondpost-thumbnail {
    flex: none;
    /* Allow thumbnail to take full width */
    width: 100%;
    /* Full width on mobile */
  }

  .blockseven-second-title {
    padding: 10px;
    /* Reduced padding on mobile */
  }

  .blockseven-second-title h2 {
    font-size: 1.2em;
    /* Smaller title on mobile */
  }
}

/* blcok seven css end  */

/* block title start */

/* Block Title Container */
.blocktitleall {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Distribute space evenly between title and link */
  /* padding: 10px 15px;  */
  border-bottom: 1px solid #e0e0e0; /* Add a bottom border for separation */
  margin-bottom: 20px; /* Space between the title and the next section */
  position: relative; /* For ::before pseudo-element in block title */
  margin-top: 20px;
}

/* Title with Line Before It */
.block-titleaa h2 {
  font-size: 1.8em; /* Adjust font size for a more prominent title */
  font-weight: 700; /* Bold for emphasis */
  color: #222; /* Darker title color for better readability */
  font-family: "Mukta", sans-serif;
  position: relative;
  padding-right: 20px; /* Space for the line to extend */
  background: none;
}

/* Line Before Title */
.block-titleaa::before {
  content: "";
  display: block;
  /* width: 100%; */
  width: -webkit-fill-available;
  height: 1px;
  background: #33333336; /* Subtle line before the title */
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%); /* Center the line vertically */
}

/* 'Thap' Link Styling */
.catnamess {
  font-size: 1em; /* Standard font size for link */
  color: #0073aa; /* Primary blue color for links */
  text-decoration: none; /* Remove underline by default */
  padding: 5px 10px; /* Add padding to make it easier to click */
  border: 1px solid #0073aa; /* Add a border for visual emphasis */
  border-radius: 3px; /* Rounded corners for a modern look */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition on hover */
}

/* Link Hover Effect */
.catnamess:hover {
  background-color: #0073aa; /* Invert background and text color on hover */
  color: #fff; /* White text on hover */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .block-titleaa {
    font-size: 1.5em; /* Slightly reduce title size on smaller screens */
  }

  .catnamess {
    font-size: 0.9em; /* Adjust link font size for smaller screens */
  }
}

/* block title end */

.fbackssk{
  background-color: #0073aa;
  padding-top: 20px;
  margin-top: 20px;
  padding-bottom: 20px;
}
.widget-title{
  color: #ddd;
}
.textwidget p{
  text-align: justify;
  color: #eebbbb;
}
.fcolbl{
  padding-right: 2rem;
  border-right: 1px solid #eee;
}
.nepalgunj-khabar-con li{
  list-style: none;
}

.nepalgunj-khabar-con li a{
  text-decoration: none;
  color: #ddd;
}
.nepalgunj-khabar-con li a svg{
  color: #bdc061;
}
.header-top{
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}
.msticky-logo{
  display: none;
}
.newspost-content-timeago{
margin-left: 5px;
  color: #0073aa;
  font-weight: 700;
  transition: color 0.3s ease;
}

/* radio */


.radio-stream h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #333;
}
.radio-stream{
  text-align: center;
}



/* radio end */

/* menuhome */
.menu-item-122{
  background-color: #214d7b;
}
.menu li:hover{
  background: #cf1816;
}
/* menuhome */

.authoravt{
  display: flex;
  align-items: center;
}

.blocktitfonsgsjleall {
  margin-bottom: 30px;
  text-align: center;
}

.block-tsfgshjitleaa {
  display: inline-block;
  padding: 12px 25px;
  background-color: #005a8d;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}

.block-tsfgshjitleaa h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  position: relative;
}

.block-tsfgshjitleaa::before, 
.block-tsfgshjitleaa::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 3px;
  background-color: #004172;
  top: 50%;
  transform: translateY(-50%);
}

.block-tsfgshjitleaa::before {
  left: -70px;
}

.block-tsfgshjitleaa::after {
  right: -70px;
}

@media screen and (max-width: 768px) {
  .block-tsfgshjitleaa h2 {
    font-size: 1.8rem;
  }

  .block-tsfgshjitleaa::before, 
  .block-tsfgshjitleaa::after {
    width: 40px;
  }
}



/* mobile responsive start */
@media screen and (max-width: 360px) and (min-width: 200px) {
  .postauthor-info {
    display: flex;
    align-items: stretch;
    flex-direction: column;

}
  
  .msticky-logo{
    display: block !important;
  }
  .header-top{
    flex-direction: column !important;
  }
  .subproducts-section{
    overflow: scroll;
  }
  .menulastback{
    position: sticky;
    top: 0;
    z-index: 99999;
  }
  .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px 0;
    flex-wrap: wrap;
}
  .ftds{
    flex-direction: column !important;
  }
  .category-block {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 2px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .category-post {
    display: flex;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    flex-direction: column;
  }
  .catpost-details {
    margin-top: 10px;
  }
  .adss1 {
    display: flex;
    column-gap: 12px;
    flex-direction: column !important;
  }
  .adss1 section img{
    width: 100%;
  }
  .lastremaining-posts {
    background-color: #f4f4f4;
    padding: 3px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.breaking-post h3 {
  font-size: 35px;
  padding: 0 0;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 20px;
  font-family: "Mukta", sans-serif;
}
.breakingpost-meta {
display: flex;
align-items: center;
margin-top: 10px;
justify-content: center;
flex-wrap: wrap;
}
.featured-image img {
width: 100%;
border-radius: 8px;
height: auto;
object-fit: cover;
border-radius: 8px;
transition: transform 0.3s;
}
.block-five-first {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
  padding: 0px;
}
.block-two-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
}
.block-two-second {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
.blockfourfirst-post-thumbnail img {
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.blockthree-secondpost-thumbnail a img {
width: 100%;
transition: transform 0.3s ease;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.newspostsideadsss section img {
  width: 100%;
}
.newspostsideadss .widget {
  margin-bottom: 0px;
}
.newspostsideadss {
  padding: 9px;
}
  /*  */



}
@media screen and (max-width: 480px) and (min-width: 360px) {
  .postauthor-info {
    display: flex;
    align-items: stretch;
    flex-direction: column;

}
  .msticky-logo{
    display: block !important;
  }
  .header-top{
    flex-direction: column !important;
  }
  .subproducts-section{
    overflow: scroll;
  }
  .menulastback{
    position: sticky;
    top: 0;
    z-index: 99999;
  }
  .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px 0;
    flex-wrap: wrap;
}
  .ftds{
    flex-direction: column !important;
  }
  .category-block {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 2px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .category-post {
    display: flex;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    flex-direction: column;
  }
  .catpost-details {
    margin-top: 10px;
  }
  .adss1 {
    display: flex;
    column-gap: 12px;
    flex-direction: column !important;
  }
  .adss1 section img{
    width: 100%;
  }
  .lastremaining-posts {
    background-color: #f4f4f4;
    padding: 3px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.breaking-post h3 {
  font-size: 35px;
  padding: 0 0;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 20px;
  font-family: "Mukta", sans-serif;
}
.breakingpost-meta {
display: flex;
align-items: center;
margin-top: 10px;
justify-content: center;
flex-wrap: wrap;
}
.featured-image img {
width: 100%;
border-radius: 8px;
height: auto;
object-fit: cover;
border-radius: 8px;
transition: transform 0.3s;
}
.block-five-first {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
  padding: 0px;
}
.block-two-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
}
.block-two-second {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
.blockfourfirst-post-thumbnail img {
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.blockthree-secondpost-thumbnail a img {
width: 100%;
transition: transform 0.3s ease;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.newspostsideadsss section img {
  width: 100%;
}

.newspostsideadss .widget {
  margin-bottom: 0px;
}
.newspostsideadss {
  padding: 9px;
}
}

@media screen and (max-width: 600px) and (min-width: 480px) {
  .postauthor-info {
    display: flex;
    align-items: stretch;
    flex-direction: column;

}
  .msticky-logo{
    display: block !important;
  }
  .header-top{
    flex-direction: column !important;
  }
  .subproducts-section{
    overflow: scroll;
  }
  .menulastback{
    position: sticky;
    top: 0;
    z-index: 99999;
  }
  .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px 0;
    flex-wrap: wrap;
}
  .ftds{
    flex-direction: column !important;
  }
  .category-block {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 2px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .category-post {
    display: flex;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    flex-direction: column;
  }
  .catpost-details {
    margin-top: 10px;
  }
  .adss1 {
    display: flex;
    column-gap: 12px;
    flex-direction: column !important;
  }
  .adss1 section img{
    width: 100%;
  }
  .lastremaining-posts {
    background-color: #f4f4f4;
    padding: 3px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.breaking-post h3 {
  font-size: 35px;
  padding: 0 0;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 20px;
  font-family: "Mukta", sans-serif;
}
.breakingpost-meta {
display: flex;
align-items: center;
margin-top: 10px;
justify-content: center;
flex-wrap: wrap;
}
.featured-image img {
width: 100%;
border-radius: 8px;
height: auto;
object-fit: cover;
border-radius: 8px;
transition: transform 0.3s;
}
.block-five-first {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
  padding: 0px;
}
.block-two-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
}
.block-two-second {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
.blockfourfirst-post-thumbnail img {
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.blockthree-secondpost-thumbnail a img {
width: 100%;
transition: transform 0.3s ease;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.newspostsideadsss section img {
  width: 100%;
}
.newspostsideadss .widget {
  margin-bottom: 0px;
}
.newspostsideadss {
  padding: 9px;
}

}
@media screen and (max-width: 768px) and (min-width: 600px) {
  .postauthor-info {
    display: flex;
    align-items: stretch;
    flex-direction: column;

}
  .msticky-logo{
    display: block !important;
  }
  .header-top{
    flex-direction: column !important;
  }
  .subproducts-section{
    overflow: scroll;
  }
  .menulastback{
    position: sticky;
    top: 0;
    z-index: 99999;
  }
  .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px 0;
    flex-wrap: wrap;
}
  .ftds{
    flex-direction: column !important;
  }
  .category-block {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 2px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .category-post {
    display: flex;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    flex-direction: column;
  }
  .catpost-details {
    margin-top: 10px;
  }
  .adss1 {
    display: flex;
    column-gap: 12px;
    flex-direction: column !important;
  }
  .adss1 section img{
    width: 100%;
  }
  .lastremaining-posts {
    background-color: #f4f4f4;
    padding: 3px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.breaking-post h3 {
  font-size: 35px;
  padding: 0 0;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 20px;
  font-family: "Mukta", sans-serif;
}
.breakingpost-meta {
display: flex;
align-items: center;
margin-top: 10px;
justify-content: center;
flex-wrap: wrap;
}
.featured-image img {
width: 100%;
border-radius: 8px;
height: auto;
object-fit: cover;
border-radius: 8px;
transition: transform 0.3s;
}
.block-five-first {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
  padding: 0px;
}
.block-two-first {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 30px;
}
.block-two-second {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
.blockfourfirst-post-thumbnail img {
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.blockthree-secondpost-thumbnail a img {
width: 100%;
transition: transform 0.3s ease;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.newspostsideadsss section img {
  width: 100%;
}
.newspostsideadss .widget {
  margin-bottom: 0px;
}
.newspostsideadss {
  padding: 9px;
}
  /*  */
  
}

/* Desktop */
/*  */
@media screen and (max-width: 992px) and (min-width: 768px) {
}
@media screen and (max-width: 1080px) and (min-width: 992px) {
}
@media screen and (max-width: 1920px) and (min-width: 1080px) {
}
@media screen and (max-width: 1366px) and (min-width: 768px) {
}

@media screen and (max-width: 1440px) and (min-width: 900px) {
}
@media screen and (max-width: 1280px) and (min-width: 720px) {
}
@media screen and (max-width: 1280px) and (min-width: 1020px) {
}