.elementor-5016 .elementor-element.elementor-element-c28151b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5016 .elementor-element.elementor-element-c903986{--display:flex;}/* Start custom CSS for container, class: .elementor-element-c903986 *//* Blog Section Container Styling */
.wp-block-group.blog-section,
.elementor-container.blog-section {
  max-width: 1280px;
  margin: 80px auto;
  padding: 80px 40px;
  background: linear-gradient(135deg, #fdfdfd, #f1f4f8);
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  animation: fadeInUp 1s ease forwards;
  opacity: 0;
  transform: translateY(30px);
}

/* Smooth Fade-Up Animation */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Blog Title Styling */
.blog-section h2 {
  font-size: 42px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
  color: #1a1a1a;
  letter-spacing: 0.5px;
}

/* Subtext (optional below title) */
.blog-section p.blog-subtext {
  text-align: center;
  font-size: 16px;
  color: #777;
  margin-bottom: 60px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */