.blog-breadcrumbs {
  background-color: rgba(221, 223, 227, 0.2);
  padding: 40px;
}
.blog-breadcrumbs a,
.blog-breadcrumbs i {
  color: #929398;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}
.blog-breadcrumbs .breadcrumbs-single-blog-link {
  color: #1c1c1d;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

/* start blog details section */
.blog-details-section {
  padding: 50px 20px;
}
.blog-author-date-time {
  flex-wrap: wrap;
  gap: 20px;
}
.blog-details-section .blog-tag {
  background-color: #104041;
  color: #ffffff;
  padding: 15px 35px;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}
.blog-details-section .blog-details-thumb {
  border-radius: 25px;
  max-height: 450px;
  object-fit: cover;
  width: 100%;
}
.blog-author-date-time {
  padding-bottom: 40px;
  border-bottom: 1px solid #dddfe3;
}
.blog-author-date .title,
.blog-share .title {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 32px;
  text-align: right;
  color: #777777;
}
.blog-author-date .name {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
  color: #5d6c7c;
}
.blog-content h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 48px;
  text-align: right;
  color: #1c1c1d;
  padding-bottom: 20px;
}
.blog-content p {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
  color: #777777;
  padding-bottom: 20px;
}
.blog-content ol,
.blog-content ul {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
  color: #000;
  padding-bottom: 20px;
}
.blog-content ol li,
.blog-content ul li {
  padding-bottom: 10px;
}
.blog-content blockquote {
  padding: 70px 60px;
  background-color: #104041;
  border-radius: 32px;
  margin-bottom: 40px;
}

.blog-content blockquote p {
  font-size: 1.6rem;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  width: 65%;
  margin: 0 auto;
  padding-bottom: 0;
}