.blogdetails-hed p{
  font-family:'Futura Bk BT';
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #2A345E;
}
.cat-hed {
  font-family:'Futura Bk BT';
  font-weight: 600;
  font-size: 18.56px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #2A345E;
}

/* Blog Details Section */
.blog-details {
font-family: 'Futura Bk BT';
}

.blog-title {
  color: #2A345E;
  margin-bottom: 15px;
  font-family: 'Futura Bk BT';
  font-weight: 400;
  font-size: 24px;
  line-height: 151%;
  letter-spacing: 0;
  text-transform: capitalize;
}

.blog-meta {
  color: #2A345E;
  font-family: Futura Bk BT;
  margin-left: 20px;
  font-weight: 400;
  font-size: 11.28px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: capitalize;
}

.blog-description {
  color: #2A345E;
  font-family: 'Futura Bk BT';
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: justify;
}

.card-img {
border-radius: 0;
object-fit: cover;
}
.h-410 {
height: 410px;
}

/* Blog Content Section */
.blog-content {
font-family:'Futura Bk BT';
}

.blog-heading {
font-family: Futura Hv BT;
font-weight: 400;
font-size: 30px;
line-height: 151%;
letter-spacing: 0;
text-transform: capitalize;
color: #2A345E;
margin-bottom: 20px;
}

.blog-paragraph {
font-family:'Futura Bk BT';
font-weight: 400;
font-size: 18px;
line-height: 33px;
letter-spacing: 0;
text-align: justify;
color: #2A345E;
margin-bottom: 20px;
}

.blog-list {
list-style: none;
padding: 0;
margin-bottom: 20px;
gap:30px;
}

.blog-list li {
font-family: 'Futura Bk BT';
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0;
  text-align: justify;
  color: #2A345E;
}

/* .blog-list li span {
font-size: 18px;
margin-right: 10px;
} */

.blog-subheading {
font-family: 'Futura Bk BT';
font-weight: 400;
font-size: 28px;
line-height: 151%;
letter-spacing: 0;
text-transform: capitalize;
color: #2A345E;
margin-bottom: 20px;
}

.explore-btn {
background-color: #2A345E;
    color: #fff;
    border: none;
    font-size: 18px;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 70px;
}

.sidebar {
background-color: #f8f9fa;
padding: 20px;
border-radius: 0;
}

.sidebar-heading {
font-size: 20px;
font-weight: 600;
color: #2A345E;
margin-bottom: 15px;
}

.trend-item {
margin-bottom: 20px;
position: relative;
}
.trend-item-overlay{
position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, rgba(17, 17, 17, 0.540992) 73.4%, #000000 100%);
  top: 0;
  left: 0;
  display: flex;
  align-items: end;
  justify-content: start;
  color: #fff;
  padding: 20px 20px 0 20px;
}
.blog-item-btn{
text-decoration: none;
color: #fff;
}
.blog-item-btn:hover{
color: #fff;
}
.trend-img {
width: 100%;
border-radius: 0;
margin-bottom: 10px;
}

.category-heading {
font-family: 'Futura Bk BT';
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0;
text-transform: capitalize;
color: #2A345E;
}
.categories p {
font-family: 'Futura Bk BT';
font-weight: 400;
font-size: 14px;
line-height: 150%;
letter-spacing: 0;
text-transform: capitalize;
color: #2A345EB2;
margin-bottom: 30px;
}

.tags-heading {
font-family: Alumni Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 141%;
  letter-spacing: 0;
  vertical-align: middle;
  text-transform: capitalize;
}

.tags .by {
font-family: 'Futura Bk BT';
font-weight: 400;
font-size: 16px;
line-height: 141%;
letter-spacing: 0;
vertical-align: middle;
text-transform: capitalize;
color: #2A345E;
}
.tags .by-date {
font-family:'Futura Bk BT';
font-weight: 400;
font-size: 16px;
line-height: 141%;
letter-spacing: 0;
vertical-align: middle;
text-transform: capitalize;
color: #2A345E;
}
.tags .comnt {
font-family: 'Futura Bk BT';
font-weight: 400;
font-size: 14px;
line-height: 141%;
letter-spacing: 0;
vertical-align: middle;
text-transform: capitalize;
}
.tags p {
font-family: 'Futura Bk BT';
font-weight: 400;
font-size: 14px;
line-height: 141%;
letter-spacing: 0;
vertical-align: middle;
text-transform: capitalize;
color: #2A345E;
text-align: justify;
word-spacing: 20px;
padding: 10px;
}

.share-heading {
font-family: 'Futura Bk BT';
  font-weight: 600;
  font-size: 16px;
  line-height: 141%;
  letter-spacing: 0;
  vertical-align: middle;
  text-transform: capitalize;
}

.social-icons a {
font-size: 20px;
color: #2A345E;
margin-right: 20px;
}

.social-icons a:hover {
color: #B7282C;
}

/* Responsive Styles */
@media (max-width: 768px) {
/* .blog-heading {
  font-size: 24px;
}

.blog-paragraph {
  font-size: 14px;
}

.blog-subheading {
  font-size: 20px;
}

.sidebar {
  margin-top: 30px;
} */
}