/* Textimage */
.frame.textimage.-fullwidth {
  padding: 0 !important;
}

/* service slider */
.frame-bg-image .slider.grid__main {
  grid-template-columns: 1px 30px 1fr 30px 1px;
  display: grid;

  & .slider__itemwrap {
    padding: 0;

    & .service__item {
      padding: 1rem;
      border: 4px solid rgb(var(--c-neutral-lightest));
      border-bottom: none;
      border-top-left-radius: var(--b-radius-l);
      border-top-right-radius: var(--b-radius-l);
      display: grid;

      & a {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-gap: var(--g-gap-s);
        align-items: center;

        & .service__icon {
          height: 30px;

          & span {
            font-size: 30px;
          }
        }

        & .headline.-small {
          color: rgb(var(--c-neutral-lightest));
          margin-bottom: 0;

          &::after {
            content: '\f061';
            font-family: 'FaRegular', sans-serif;
            font-size: var(--f-size-s-1);
            margin-left: .5rem;
          }
        }
      }
    }
  }

  & path {
    stroke: rgb(var(--c-neutral-lightest));
  }
}

@media (min-width: 800px) {
  .frame-bg-image .slider.grid__main {
    & .slider__itemwrap {
      & .service__item {
        & a {
          & .service__icon {
            height: 40px;
            & span {
              font-size: 40px;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1280px) {
  .frame-bg-image .slider.grid__main {
    & .slider__itemwrap {
      & .service__item {
        & a {
          & .service__icon {
            height: 50px;
            & span {
              font-size: 50px;
            }
          }
        }
      }
    }
  }

  .page .frame.textimage.-fullwidth .textimage__content {
    padding-top: var(--p);
    padding-bottom: var(--p);
  }
}