.custom-multicolumn {
  .multicolumn {
    .multicolumn__title {
      display: block;
    }
    li.multicolumn-list__item {
      border-style: solid;
      border-color: rgba(var(--color-foreground), 0.5);
      padding-top: 2rem;
      padding-bottom: 2rem;

      .multicolumn-card {
        display: flex;
        gap: 1.5rem;

        .multicolumn-card__info {
          padding: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;

          .title-body-font .h2 {
            font-family: var(--font-body-family);
          }

          p {
            font-size: var(--mobile-font-s-size);
            line-height: var(--mobile-font-s-line-height);
          }
        }

        .multicolumn-card__image-wrapper + .multicolumn-card__info {
          padding-top: 0;
        }
      }
    }
  }

  slider-component {
    position: relative;

    .slideshow__controls {
      position: absolute;
      width: 100%;
      top: calc(50% - 1.5rem);
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      border: none;
    }
  }
}

@media (min-width: 750px) {
  .custom-multicolumn {
    .multicolumn {
      li.multicolumn-list__item {
        .multicolumn-card {
          .multicolumn-card__info {
            p {
              font-size: var(--font-s-size);
              line-height: var(--font-s-line-height);
            }
          }
        }

        .multicolumn-card.vertical {
          flex-direction: column;
          align-items: center;

          .multicolumn-card__info {
            text-align: center;
          }
        }

        .multicolumn-card.horizontal {
          flex-direction: row;
        }
      }
    }
  }
}

@media screen and (max-width: 749px) {
  .custom-multicolumn {
    .multicolumn {
      .slider.slider--tablet {
        margin-bottom: 0;
      }

      li.multicolumn-list__item {
        padding-top: 0;
        padding-bottom: 0;

        .multicolumn-card {
          gap: 1rem;
          align-items: center;

          h3.h2 {
            font-size: var(--mobile-font-h4-size);
            line-height: var(--mobile-font-h4-line-height);
          }
        }

        .multicolumn-card.mobile_vertical {
          flex-direction: column;
          text-align: center;
        }

        .multicolumn-card.mobile_horizontal {
          flex-direction: row;

          .multicolumn-card__info {
            padding-bottom: 0;
          }
        }
      }
    }

    .grid--peek.grid--auto-col-tablet-down {
      gap: 1.5rem;

      .grid__item {
        width: auto;
      }
    }
  }

  .custom-multicolumn .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .custom-multicolumn .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing));
  }

  .custom-multicolumn .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .custom-multicolumn .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing));
  }
}

.custom-background-color .multicolumn-card {
  padding-bottom: 2.5rem;
}