/* Page-specific styles for app/Views/frontend/blog-details.php.
   Extracted from an inline <style> block so it can be cached by the
   browser/CDN across page views instead of being re-downloaded with
   every blog-details.php response. */

/* No forced aspect-ratio/object-fit — real width/height attributes below set it */
.blog-lcp-banner {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Lock down parent containment on mobile grid tracks */
.blog-side-img-1 {
  width: 100% !important;
  max-width: 100% !important;
  /* overflow: hidden !important;
  display: block !important; */
}

/* Clear the mobile column footprint */
@media (max-width: 576px) {
  .col-sm-5 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .blogsliderHeading {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
}
#faq .accordion-item {
  background: #fff;
  border: 1px solid rgba(9, 32, 50, .08);
  border-radius: 14px !important;
  overflow: hidden;
  margin-bottom: 14px;
  box-shadow: 0 4px 14px rgba(9, 32, 50, .05);
}
#faq .accordion-item:last-child {
  margin-bottom: 0;
}
#faq .accordion-header,
#faq .accordion-header1,
#faq p.accordion-header {
  margin: 0;
}
#faq .accordion-button {
  padding: 18px 22px;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #092032;
  background: #fff;
  box-shadow: none !important;
}
#faq .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
#faq .accordion-button:not(.collapsed) {
  background: #f7f9fb !important;
  color: #092032 !important;
}
#faq #accordionExample,
#faq #accordionExample1 {
  padding: 0 !important;
}
#faq #accordionExample .accordion-item > .accordion-collapse {
  border-left: 0 !important;
}
#faq .accordion-button::after {
  width: 14px;
  height: 14px;
  background-size: 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23092032'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transition: transform .25s ease;
}
#faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c99a00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
#faq .accordion-body {
  padding: 4px 22px 20px;
  color: #5a6670;
  font-size: 15px;
  line-height: 24px;
}
#faq .accordion1 {
  padding: 0 4px 6px;
}
#faq .accordion-item1 {
  background: #fbfcfd;
  border: 1px solid rgba(9, 32, 50, .06);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}
#faq .accordion-item1 .accordion-button {
  padding: 14px 18px;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  background: transparent;
}
#faq .accordion-item1 .accordion-button:not(.collapsed) {
  background: #f2f5f8;
}
#faq .accordion-item1 .accordion-body {
  padding: 2px 18px 16px;
  font-size: 14px;
  line-height: 22px;
}
#faq .sectionSubDescription3 {
  font-size: 22px;
}
/* Reserves space for the ShareThis inline share buttons before its async
   script injects the button row, so the FAQ section below doesn't jump
   down when the widget loads (CLS). Adjust if the live rendered row
   height differs once ShareThis actually renders on production. */
.sharethis-inline-share-buttons {
  min-height: 44px;
}