.div-bimg {
    position: relative;
    margin-top: 0px;
}
 .text {
     /*position: absolute;*/
     bottom: 0%;
     left: 0;
     width: 100%;
     text-align: center;
     height: 100%;
     padding: 0px 0px;
 }
 .middle {
     text-align: center;
 }
 .div-bimg img {
     display: block;
     width: 100%;
     height: 400px; 
     object-fit: cover;overflow: hidden;
 }
 .div-bimg small {
     background-color: #262626;
     padding: 12px;
     color: whitesmoke;
     letter-spacing: 1.5px;
 }
 .div-bimg .categr span {
     color: #E9E9E9;
     background-color: #000;
     padding: 5px 10px;
     text-align: center;
     font-size: 14px;
 }
 .div-bimg h1 {
     color: #fff;
     font-size: calc(0.75rem + 0.6vw);
     margin: 10px 0px 0px 0px;
     width: 95%;
     line-height: 1.3;
 }
 .div-bimg a {
     color: #E9E9E9 !important;
     text-decoration: none !important;
     font-family: "CentraBold", "Poppins", Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 .div-bimg a:hover {
     text-decoration: underline !important;
 }
 .div-bimg p {
     color: #828282;
     margin-bottom: 10px;
 }
 .content {
     position: absolute;
     bottom: 0px;
     width: 100%;
     text-align: left; /*background: url(../img/blog/opacity.png);*/
     padding: 20px 30px;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 66%);
 }
 .recent-blog {
     background: #F5F5F5;
 }
 .recent-blog img {
     display: block;
     width: 100%;
     height: 250px;
     object-fit: cover;
 }
 .single-blog-img {
     position: relative;
     margin-bottom: 30px;
 }
 .sidebar__menu ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
     width: 300px;
     margin: 0 auto;
 }
 .sidebar__menu li {
     margin: 50px 0px;
     font-size: calc(1rem + 0.6vw);
 }
 /*.div-bimg:hover img{ transform: scale(1.2);}*/
 .zoom-img {
     width: 100%;
     height: auto;
     overflow: hidden;
     background: #000;
 }
 .zoom-img img {
     width: 100%;
     transition: all .3s ease-in-out;
     opacity: 0.6;
 }
 .zoom-img img:hover {
     transform: scale(1.2);
 }
 .black {
     position: fixed;
     top: 0;
     z-index: 10;
     width: 100%;
     height: 60px;
     background: #000;
 }
 .black ul {
     list-style-type: none;
     padding: 0;
 }
 .blue {
     position: fixed;
     top: 0;
     background: blue;
     width: 100%;
     height: 50px;
 }
 /* Style the header */
 .header-blog {
     padding: 10px 0px;
     color: #f1f1f1;
     z-index: 10000;
 }.header-blog a{color:#fff!important;}
  .header-blog a:hover{text-decoration:underline;}
  .header-blog img{margin-right:20px;}
 /* Page content */
 /* The sticky class is added to the header with JS when it reaches its scroll position */
 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
 }
 .sticky .bgr-black {
     background: #000;
     margin: 0px 0px 30px 0px !important;
 }
 /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
 .sticky + .content {
     padding-top: 102px;
 }
 .blog-detail {
     margin-top: 80px;
 }
 .blog-detail p {
     color: #E9E9E9 !important;
     ;
     line-height: 1.6;
     margin: 0 0 15px;
 }
.blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6 {
    color: #E9E9E9 !important
}
/* Ensure links and meta text are readable on dark background */
.blog-detail a { color: #E9E9E9 !important; text-decoration: none; }
.blog-detail a:hover { text-decoration: underline; }
.blog-detail .date { color: #BDBDBD !important; }
.blog-detail .lead { color: #E9E9E9 !important; }
.blog-detail li { color: #E9E9E9 !important; }
.blog-detail .toc h4 { color: #E9E9E9 !important; }
.blog-detail .toc a { color: #E9E9E9 !important; }
.blog-img {
    position: relative;
    margin: 0px 0px 50px 0px;
    width: 100%;
}
.blog-img img {
    width: 70%;
    margin: 0px !important;
    padding: 0px !important;
}
.blog-title {
    /* Convert overlay box into a clean caption below the image */
    position: static;
    background: transparent;
    width: 100%;
    padding: 0;
    margin-top: 12px;
}
 .blog-title span {
     color: #130C0C;
     text-transform: normal;
 }
 .blog-detail .title h2 {
     margin-bottom: 30px;
     text-align: left
 }
.blog-title h4 {
    color: #E9E9E9 !important;
    margin: 0px !important;
}
 .date {
     margin-bottom: 50px !important;
 }
 .related-blog {
     background: #fff;
     margin: 80px 0px
 }
 .related-blog h2 {
     color: #000 !important;
     margin-bottom: 30px !important;
 }
 #portfolio-flters a {
     color: #E9E9E9 !important;
     text-decoration: none !important;
     background: transparent !important;
 }
 .blog-text {
     padding: 0px 0px;
 }
 .blog-text p {
     color: #828282 !important;
     line-height: 1.6;
     margin: 0 0 15px;
 }
 .blog-detail h4 {
     margin: 40px 0px 20px 0px !important
 }
 .blog-detail h3 {
     font-size: calc(1.5rem + 0.6vw);
     text-transform: none;
     color: #E9E9E9;
     text-align: center;
     margin: 80px 0px 30px 0px !important
 }
 .blog-detail img {
     display: flex;
     justify-content: center;
     width: 60%;
     flex-direction: column !important;
     margin: 0 auto;
     margin-top: 50px;
     margin-bottom: 50px;
 }
 .blog-text h5 a {
     color: #130C0C !important;
     font-family: "CentraBold", "Poppins", Helvetica Neue, Helvetica, Arial, sans-serif;
     text-decoration: none;
     line-height: 1.3;
 }
 .blog-text h5 {
     margin-bottom: 0px !important;
 }
 #portfolio-flters ul {
     text-align: center;
 }
.blog-title h3 {
    font-size: calc(1rem + 0.6vw);
    text-transform: none;
    color: #E9E9E9 !important;
    text-align: center;
    margin: 20px 0px 10px 0px !important;
}
.concl {
     border-radius: 20px;
     border: 1px solid #303030;
     padding: 20px 70px 50px 70px;
     color: #E9E9E9;
     width: 100%;
     margin: 0 auto;
     margin-top: 50px;
     text-align: center;
 }
 .concl h3 {
     color: #E9E9E9 !important;
     margin: 30px 0px 10px 0px !important;
     background: transparent !important;
 }
 .slide-blog .slick-track {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
 }
 .slide-blog .slick-slide {
     margin: 0px 10px;
     float: left !important;
     width: auto !important;
 }
 @media (min-width: 768px) and (max-width: 991px) {
     .div-bimg h1 {
         width: 95% !important;
     }
     .blog-title {
         position: relative !important;
         top: 50px !important;
         right: 0px !important;
         width: 100% !important;
         padding: 20px 30px 20px 40px !important;
         margin-bottom: 30px;
     }
     .blog-detail img {
         width: 60%;
         margin: 0 auto !important;
         margin-top: 30px !important;
         margin-bottom: 30px !important;
     }
     .concl {
         padding: 20px 40px 80px 40px;
         margin-top: 50px;
     }
 }
 @media (max-width: 767px) {
     .blog-title h3 {
         font-size: calc(1.25rem + 0.6vw) !important;
         
     }
     .header-blog {
         background: #101010;
     }
     .slide-blog .slick-track {
         margin-left: 40px !important;
     }
     .h4, h4 {
         font-size: calc(1.5rem + .6vw);
         margin-bottom: 0.5rem !important;
		 line-height: 1.2;
     }/*
     h4 {
         line-height: 38px !important;
     }*/
     .blog-ct {
         top: 0px !important;
     }
     .area-padding {
         padding: 50px 0px 30px 0px !important;
     }
     .related-blog {
         background: #fff;
         margin: 50px 0px;
     }
     .concl {
         padding: 0px 15px 30px 15px !important;
         margin: 0 auto !important;
     }
     .blog-detail img {
         margin-top: 30px;
         margin-bottom: 30px;
         width: 100% !important;
     }
     .blog-title {
         position: relative !important;
         top: 0px !important;
         right: 0px !important;
         width: 100% !important;
         padding: 10px 20px 10px 30px !important;
     }
     .blog-img img {
         width: 100% !important;
     }
     .div-bimg h1 {
         font-size: calc(1.25rem + 0.6vw) !important;
     }
     .slick-track {
         display: block !important;
         align-items: left !important;
         justify-content: left !important;
     }
     .slide-blog .slick-slide {
         width: 100% !important;
     }
 }
.rotate {
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out;
}
/* News page styles */
.news-hero {
  background: #f7f7f7;
  padding: 40px 0 24px;
  border-bottom: 1px solid #eee;
}
.news-title { margin: 0; font-weight: 700; }
.news-sub { margin-top: 8px; color: #666; }
.news-breadcrumb { font-size: 14px; color: #666; }
.news-breadcrumb a { color: #333 !important; text-decoration: none; }
.news-breadcrumb a:hover { text-decoration: underline; }
.news-breadcrumb .sep { margin: 0 6px; color: #999; }

/* News list */
.news-list { margin-top: 24px; }
.news-card {
  display: block; /* override flex for grid tiles */
  padding: 16px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.news-card .thumb { display: block; width: 100%; }
.news-thumb { width: 100%; height: 180px; object-fit: cover; border-radius: 6px; }
.news-card .body { margin-top: 10px; }
.news-meta { font-size: 13px; color: #666; margin-bottom: 6px; }
.news-meta .cat { color: #d00; }
.news-heading { font-size: calc(1rem + 0.3vw); margin: 4px 0 8px; }
.news-heading a { color: #130C0C !important; text-decoration: none; }
.news-heading a:hover { text-decoration: underline; }
.news-excerpt { color: #666; margin-bottom: 8px; }
.news-heading,
.news-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-readmore { font-weight: 600; font-size: 14px; color: #130C0C !important; text-decoration: none; }
.news-readmore:hover { text-decoration: underline; }

/* Tidy layout spacing */
.news-list .news-card { margin-bottom: 0; }
.news-card .body { padding-top: 2px; }
.news-meta time { color: #888; }

/* Hover & transitions */
.news-card { transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
.news-card:hover { border-color: #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transform: translateY(-1px); }

/* Clamp excerpt to 3 lines for better scanability */
.news-excerpt { -webkit-line-clamp: 3; }

/* Pagination */
.news-pagination { display: flex; gap: 8px; margin: 24px 0; }
.news-pagination .page-link { display: inline-block; padding: 8px 12px; border: 1px solid #eee; border-radius: 6px; background: #fff; color: #130C0C; text-decoration: none; }
.news-pagination .page-link:hover { border-color: #ddd; }
.news-pagination .disabled { opacity: .5; pointer-events: none; }

/* Sidebar */
.news-sidebar { position: sticky; top: 80px; }
.sidebar-block { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.sidebar-block h5 { margin: 0 0 10px; }
.search-input, .subscribe-input { display: flex; gap: 8px; }
.search-input input, .subscribe-input input { flex: 1; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; }
.sidebar-cats li { margin: 6px 0; }
.sidebar-cats a { color: #130C0C !important; text-decoration: none; }
.sidebar-cats a:hover { text-decoration: underline; }

@media (max-width: 991px) {
  .news-sidebar { position: static; }
}
@media (max-width: 767px) {
}