/* Converted from src/components/site/home/Services.module.css (CSS Module): local classes are prefixed "home-services__". */
/* Elementor section 5ec1760: 1/3 sticky heading (20px gutters) + 2/3 accordion (60px / 120px gutters). */
.home-services__services {
  overflow-x: clip; /* the heading slides in from the right */
}

.home-services__grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  max-width: var(--container-boxed);
  margin-inline: auto;
}

.home-services__aside {
  padding: 0 20px;
}

/* Like the original sticky block (d73cb72, top 0), the animated column 75a60b7 holds the 9vh
   spacer (+ 20px widget gap) above the heading and the 18vh spacer below the text (+ the text's
   1em bottom margin and the 20px gap): it sticks with its heading 9vh + 20px below the top,
   releases at the same scroll position (471px tall at 1440 × 900), and its entrance (fadeInRight)
   is triggered when the section reaches the bottom of the viewport. */
.home-services__sticky {
  position: sticky;
  top: 0;
  padding-top: calc(9vh + 20px);
  padding-bottom: calc(18vh + 20px + 1em);
}

.home-services__sticky .home-services__title {
  line-height: var(--h2-leading);
}

.home-services__description {
  margin: 36px 0 0;
}

.home-services__main {
  min-width: 0;
  padding: calc(9vh + 20px) 120px calc(3vh + 20px) 60px;
}

/* Original accordion: 23px titles at every size, no gap before the toggle. */
.home-services__accordion h3 {
  font-size: 23px;
}

.home-services__accordion summary {
  gap: 0;
}

/* Most list items were pasted with an inline `font-size: 15px` span (system font, same as the
   body): the line height stays the item's. */
.home-services__small {
  font-size: 15px;
}

.home-services__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(2vh + 40px);
}

@media (max-width: 767px) {
  .home-services__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-services__aside {
    padding: 0 20px;
  }

  .home-services__sticky {
    position: static;
    padding-block: calc(6vh + 20px) 0;
  }

  .home-services__main {
    padding: 36px 20px calc(6vh + 20px);
  }

  .home-services__actions {
    margin-top: calc(6vh + 40px);
  }
}