.blog-details-section {
  background:
    radial-gradient(circle at 6% 0%, rgba(66, 105, 178, 0.1), transparent 38%),
    radial-gradient(circle at 94% 100%, rgba(247, 143, 30, 0.08), transparent 36%),
    #f8faff;
}

.blog-details-section .blog-post .entry-content h3.title {
  color: var(--brand-text);
  letter-spacing: -0.01em;
}

.blog-details-section .blog-post .entry-content p {
  max-width: 72ch;
  color: #2f3a4e;
  font-size: 18px;
  line-height: 1.8;
}

.blog-details-section .blog-post .entry-footer .post-meta span {
  color: #52627d;
  font-weight: 600;
}

.blog-details-section .blog-post .entry-footer .post-meta span i {
  color: var(--brand-accent);
  margin-right: 8px;
}

.blog-details-section .sidebar-widget.recent-post-widget {
  background: #f9fbff;
  border: 1px solid rgba(66, 105, 178, 0.14);
  box-shadow: 0 16px 38px -30px rgba(66, 105, 178, 0.5);
}

.blog-details-section .sidebar-widget-area .sidebar-widget .widget-title {
  color: var(--brand-primary);
}

.blog-details-section .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content:not(:last-child) {
  border-bottom-color: rgba(66, 105, 178, 0.12);
}

.blog-details-section .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on a {
  color: #6a7890;
}

.blog-details-section .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5 a {
  color: var(--brand-text);
}

.blog-details-section .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5 a:hover {
  color: var(--brand-primary);
}

.blog-details-section .sidebar-widget-area .sidebar-banner-widget .main-btn.secondary-btn {
  background: var(--brand-primary) !important;
  border: 1px solid var(--brand-primary) !important;
}

.blog-details-section .sidebar-widget-area .sidebar-banner-widget .main-btn.secondary-btn:hover {
  background: var(--brand-gradient) !important;
  border-color: transparent !important;
}