/* ==========================================================================
   Service cards (page-about.php slider, page-services.php grid)
   ========================================================================== */

/* Font Awesome icon in the round badge (template used PNG icons) */
.service_single_item-2 .service_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(252, 219, 102, 0.45);
  color: var(--theme-color1);
  font-size: 26px;
  line-height: 1;
  transition: all 300ms ease;
}
.service_single_item-2:hover .service_icon {
  background-color: var(--theme-color1);
  color: var(--theme-color-black);
}

/* Titles are longer than the template's, keep cards the same height.
   The number sits beside the icon, so the title can use the full width. */
.service_single_item-2 .service_content {
  padding-right: 0;
}
.service_single_item-2 .service_content .title {
  margin: 26px 0 10px;
  min-height: 2.6em;
}
.service_single_item-2 .service-tagline {
  margin: 0 0 22px;
  color: #a1a1a1;
  font-size: 15px;
  line-height: 1.5;
  min-height: 3em;
}
.service_single_item-2 .service-img img {
  display: block;
  height: auto;
  aspect-ratio: 724 / 500;
  object-fit: cover;
}

/* FAQ on page-services.php: keep long questions clear of the +/- button */
.faq-section .accordion-box .acc-btn {
  padding-right: 72px;
}