/* Consume the service family's presentation, including its existing breakpoints. */
@import url("../../services/styles/services.css");
/* Industry-owned cards share the same portable homepage dependencies. */
@import url("../../../styles/home-card.css");

/* Industry FAQ header only: the long industry-specific title took its full width
   and left the introduction in a sliver beside the contact action. From 800px to
   1199px keep the introduction under the title with the action to its side, as
   the Financing FAQ header does. Desktop (1200px and wider) is unchanged; the
   :is(…,#_) wrapper matches the specificity of the native grid rule it overrides. */
@media (min-width:800px) and (max-width:1199.98px) {
  :is([id$="-dillon-industries-industries-main"],#dillon-industries-industry-detail-main,#_) .dillon-home-faq .elementor-element-d9ec94a {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    row-gap:16px;
  }
  :is([id$="-dillon-industries-industries-main"],#dillon-industries-industry-detail-main,#_) .dillon-home-faq [id$="-faq-heading-desktop"] {
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:600px;
  }
  :is([id$="-dillon-industries-industries-main"],#dillon-industries-industry-detail-main,#_) .dillon-home-faq .elementor-element-ca049b2 {
    grid-column:1;
    grid-row:2;
    max-width:58ch;
    align-self:start;
  }
  :is([id$="-dillon-industries-industries-main"],#dillon-industries-industry-detail-main,#_) .dillon-home-faq .elementor-element-0ca557d {
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:end;
  }
}