body {
    overflow-x: hidden;
    margin: 0;
    font-family: 'SolaimanLipi', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    color: #333;
    background-color: #fff;
    text-align: justify;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
  font-family: 'SolaimanLipi';
    src: url('/fonts/solaimanlipi.woff2') format('woff2'),
     url('/fonts/solaimanlipi.woff') format('woff'),
     url('/fonts/solaimanlipi.ttf') format('truetype');
  font-display: swap;
}

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

.marquee-content {
    display: inline-block;
    animation: scroll 30s linear infinite; /* Adjust duration for slower scrolling */
}

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

.logo {
    width: 240px;
    height: 100px;
    display: block;
    margin: 0 auto;
    object-fit: contain; /* মেজটি নির্ারিত আকারে িট হবে */
}
.container h3 {
    font-size: 22px; /* Adjust as needed */
    line-height: 29px; /* Optional for spacing */
}

/* Custom styles for carousel slider caption */
.carousel-caption {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
    color: #fff;
    font-size: 20px; /* Adjust font size for small screens */
    text-align: left; /* Align text to the left for better readability */
}
.carousel-caption h3 {
    font-size: 22px; /* Adjust headline font size */
    margin-bottom: 5px;
    font-weight: bold;
}

.carousel-caption p {
    font-size: 20px; /* Adjust intro text font size */
    margin-bottom: 0;
}
/* সব <table> যেগুলোর ম্যে border="1", cellpadding="1" আছে তাদে জন্য */

table[border="1"] {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #dee2e6 !important;
  margin-bottom: 1rem !important;
  color: #212529 !important;
  font-size: 0.95rem !important;
}

table[border="1"] th,
table[border="1"] td {
  border: 1px solid #dee2e6 !important;
  padding: 0.5rem !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 20px !important;
}

table[border="1"] thead {
  background-color: #f8f9fa !important;
  font-weight: bold !important;
}

table[border="1"] tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

table[border="1"] {
  overflow-x: auto !important;
  white-space: nowrap !important;
}

@media (max-width: 576px) {
    .carousel-caption {
        bottom: 0px; /* Bring the caption closer to the bottom on small screens */
        font-size: 12px;
    }

    .carousel-caption h3 {
        font-size: 18px; /* Adjust headline for extra small screens */
        line-height: 22px;
    }

    .carousel-caption p {
        font-size: 12px; /* Adjust intro text for extra small screens */
    }
}
@media (max-width: 576px) {
    .hide-on-small-screen {
        display: none;
    }
}

/* Custom styles for carousel slider caption */
.article-details h1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 32px;
    text-align: left;
}
#news-detials {
    text-align: justify;
}
.dask-name {
    font-size: 16px;
    text-align: left;
}
.news-details {
    text-align:justify;
}
/* Add this to your external CSS file */
.fixed-image {
    width: 100px;
    height: 75px;
    object-fit: cover;
}
.underliner a {
    text-decoration: none;
    font-weight: bold;
    font-size: 23px;
    color: #212529;
}

.underliner a:hover {
    text-decoration: underline; /* Optional: add underline on hover */
}
/* Adjust icon size */
.news-link i {
    font-size: 1.2rem; /* Adjust icon size */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 576px) {
    .section-title {
        font-size: 1.3rem; /* Slightly smaller title on small screens */
    }
    .news-link {
        font-size: 1rem; /* Adjust font size for smaller screens */
    }
}
@media (max-width: 576px) {
    .dropdown-menu {
        columns: 1; /* Single column on mobile */
        padding: 10px; /* Add padding for better touch targets */
    }

    .dropdown-item img {
        float: left; /* Align images to the left */
        margin-right: 10px; /* Space between image and text */
    }
}

/* Custom CSS for dropdown items */
.dropdown-menu {
    width: auto; /* Adjust to content */
    max-width: 300px; /* Set a max width */
    left: 0; /* Align dropdown to the left */
    right: auto; /* Prevent it from aligning to the right */
    white-space: nowrap; /* Prevent wrapping */
}

.dropdown-item {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center align items vertically */
}

.title-wrapper {
    display: inline-block; /* Keep wrapper inline */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    white-space: nowrap; /* Prevent wrapping */
    min-width: 0; /* Allow shrinking */
    max-width: calc(100% - 100px); /* Adjust based on image width */
    margin-left: 10px; /* Add spacing between image and title */
    flex-grow: 1; /* Allow title to take remaining space */
}

.img-small {
    width: 90px; /* Set a specific width for small images */
    height: 80px; /* Set a specific height for small images */
}

.card {
    transition: transform 0.2s; /* Smooth scale effect on hover */
}

.card:hover {
    transform: scale(1.05); /* Slightly scale up the card on hover */
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .fixed-image {
        width: 80px;
        height: 60px;
    }
}

@media (max-width: 375px) {
    .fixed-image {
        width: 60px;
        height: 45px;
    }
}

/* Responsive example */
@media (min-width: 768px) {
    container h3 {
        font-size: 23px; /* Larger screens */
    }
}
/* Responsive top lead and bellow home top */
.image-container {
    width: 107px; /* Width of the image */
    height: auto; /* Maintain aspect ratio */
}

.image-container img {
    max-width: 100%; /* Ensure the image is responsive */
    height: auto; /* Maintain aspect ratio */
}

.headline a {
    font-size: 23px;
    color: #23527c;
    font-weight: bold;
}
.line-height {    
    line-height:28px;
}
.text-justify{
    text-align:justify;
}

@media (max-width: 576px) {
    .headline {
        font-size: 20px; /* Slightly smaller headline on very small screens */
    }
}

/* Responsive top lead and bellow home top */

/* category backgroud color */
.cat-headline {
    background-color: #ffc107;
    padding: 0px 0px 5px 20px;/* Spacing around the text */
    border-radius: 8px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth background change */
}

.cat-headline a {
    font-size: 2rem;
    font-weight: bold;
    color: #212529;
}

.cat.headline:hover {
    background-color: #0056b3; /* Darker shade on hover */
}
/* category backgroud color */
/* Common styles for unordered lists */
ul {
    list-style-type: none;    /* Remove default bullets */
    padding: 0;               /* Remove default padding */
    margin: 0;                /* Remove default margin */
}

ul li {
    margin-bottom: 10px;      /* Spacing between items */
}

ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #23527c;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
    font-size: 22px;
}

ul li a:hover {
    background-color: #e7f3ff; /* Light blue background on hover */
    color: #0056b3;             /* Darker blue on hover */
}

/* Responsive styles */
@media (max-width: 768px) {
    ul li a {
        padding: 8px 10px;     /* Less padding on links for smaller screens */
    }
}

@media (max-width: 767px) {
    .latest-news {
        display: none;
    }
    .news-slider {
       display: none;
    }
        .col-12.col-sm-6.mt-2.mt-sm-0.position-relative {
        display: none;
    }
}