.elementor-878 .elementor-element.elementor-element-4b7abe7{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-878 .elementor-element.elementor-element-962e3c6{width:100%;max-width:100%;text-align:justify;}.elementor-878 .elementor-element.elementor-element-962e3c6 > .elementor-widget-container{background-color:transparent;padding:7px 7px 7px 7px;background-image:linear-gradient(180deg, #EA9800 0%, #FF8C00 100%);}.elementor-878 .elementor-element.elementor-element-962e3c6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#FFFFFF;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-878 .elementor-element.elementor-element-bc0000b.elementor-element{--align-self:stretch;}.elementor-878 .elementor-element.elementor-element-bc0000b{text-align:justify;color:#000000;}.elementor-878 .elementor-element.elementor-element-d5b68dc{--display:flex;}.elementor-878 .elementor-element.elementor-element-4766490{--spacer-size:50px;}.elementor-878 .elementor-element.elementor-element-7583fb8{--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;}@media(max-width:767px){.elementor-878 .elementor-element.elementor-element-4b7abe7{--width:500px;}.elementor-878 .elementor-element.elementor-element-962e3c6 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-878 .elementor-element.elementor-element-962e3c6 .elementor-heading-title{font-size:15px;}}@media(min-width:768px){.elementor-878 .elementor-element.elementor-element-4b7abe7{--width:75%;}.elementor-878 .elementor-element.elementor-element-7583fb8{--width:86%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-bc0000b *//* ✅ Initialize Counter */
.heading {
  counter-reset: heading-counter;
}

/* 🔶 Desktop Styles with Numbering */
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6 {
  counter-increment: heading-counter;
  font-size: 18px;
  font-weight: 500;
  margin: 0 !important;
  line-height: 1.3;
  color: white;
  background-image: linear-gradient(90deg, #EA9800, #FF8C00, #FFB84D);
  border: 1px solid #000;
  padding: 11px 11px 11px 40px; /* left space for number */
  text-align: left;
  position: relative;
  transition: background-image 0.3s ease;
  min-height: 10px;
  display: block;
}

/* 🔢 Number Badge Style */
.heading h1::before,
.heading h2::before,
.heading h3::before,
.heading h4::before,
.heading h5::before,
.heading h6::before {
  content: counter(heading-counter) ". ";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-weight: bold;
}

/* 🔴 Red Highlight Span */
.heading .red-highlight {
  background-color: red;
}

/* 📱 Mobile View Styles */
@media screen and (max-width: 768px) {
  .heading h1,
  .heading h2,
  .heading h3,
  .heading h4,
  .heading h5,
  .heading h6 {
    font-size: 13px;
    padding: 10px 10px 10px 36px;
    line-height: 1.2;
    text-align: left;
  }

  .heading h1::before,
  .heading h2::before,
  .heading h3::before,
  .heading h4::before,
  .heading h5::before,
  .heading h6::before {
    font-size: 13px;
  }

  .heading .red-highlight {
    background-color: red;
  }
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-7a06cfe */.comment {
  display: flex;
 
  background: #fefefe;
  padding: 1px;
  margin: 5px 0;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  flex-wrap: wrap;
}

.comment:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

/* Avatar */
.comment .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #EA9800;
}

.comment .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.comment-content {
  flex: 1 1 100%;
  margin-top: 10px;
}

.comment-content .comment-author {
  font-size: 17px;
  font-weight: 600;
  color: #222;
}

.comment-content .comment-meta {
  font-size: 14px;
  color: #777;
  margin-bottom: 6px;
}

.comment-content p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 10px;
}

/* Orange Reply Button */
.comment-content .reply-link {
  display: inline-block;
  padding: 6px 12px;
  background: #EA9800;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease;
}

.comment-content .reply-link:hover {
  background: #d18300;
}

/* ✅ Mobile Responsive */
@media (max-width: 600px) {
  .comment {
    flex-direction: column;
    align-items: flex-start;
  }

  .comment .avatar {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }

  .comment-content .comment-author {
    font-size: 16px;
  }

  .comment-content p {
    font-size: 14px;
  }

  .comment-content .reply-link {
    font-size: 13px;
    padding: 1px 10px;
  }
}/* End custom CSS */