.bp-icon-sections {
  display: grid;
  gap: 2rem; }
  @media (min-width: 50em) {
    .bp-icon-sections {
      grid-template-columns: repeat(3, 1fr);
      gap: 2.5rem; } }
  .bp-icon-sections .icon-section-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    @media (min-width: 50em) {
      .bp-icon-sections .icon-section-item {
        padding-left: 2.5rem; } }
    .bp-icon-sections .icon-section-item .line {
      position: absolute;
      width: 1px;
      background: var(--wp--preset--color--blue);
      top: 0;
      left: 0;
      height: 100%;
      display: none; }
      @media (min-width: 50em) {
        .bp-icon-sections .icon-section-item .line {
          display: block; } }
      .bp-icon-sections .icon-section-item .line.horizontal {
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
        display: block;
        position: relative;
        margin: 1rem 0; }
        @media (min-width: 50em) {
          .bp-icon-sections .icon-section-item .line.horizontal {
            display: none; } }
  .bp-icon-sections .icon-section-title {
    font-size: 2rem;
    margin: 0; }
    @media (min-width: 50em) {
      .bp-icon-sections .icon-section-title {
        margin-bottom: 12.5rem; } }
  .bp-icon-sections .icon-section-icon {
    margin-bottom: 1rem; }
    @media (min-width: 50em) {
      .bp-icon-sections .icon-section-icon {
        margin-bottom: 0;
        height: 130px; } }
  .bp-icon-sections .icon-section-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1; }
    @media (min-width: 50em) {
      .bp-icon-sections .icon-section-bottom .icon-section-content {
        margin-bottom: 0;
        margin-top: auto; } }
    .bp-icon-sections .icon-section-bottom ul {
      padding-left: 1.25rem;
      margin-bottom: 0;
      display: grid;
      gap: 10px; }
    .bp-icon-sections .icon-section-bottom p {
      margin-bottom: 0; }