.iconbox {
  border-radius: 20px;
  padding: 45px 15px 35px 15px;
  .iconbox-headline {
    font-family: $font-family-fira;
    font-size: 28px;
    padding-bottom: 10px;
    color: $primary-bg;
    letter-spacing: -1px;
  }
  .icon {
    @include media-breakpoint-down(md) {
      height: 35px;
    }
    .icon-image {
      background: $primary-bg;
      @include media-breakpoint-down(md) {
        height: 35px;
        width: 35px;
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .feature-items .row > div {
    padding: 0 5px 14px 5px;
    margin-bottom: 0!important;
  }
}

.iconbox-link-wrapper:hover {
  filter: brightness(1.1);
}
@media (max-width: 991px) {
  .feature-items {
    left: auto;
    transform: translateX(0%);
    width: auto;
    margin-left: calc(-.5* var(--bs-gutter-x));
    margin-right: calc(-.5* var(--bs-gutter-x));
    display: block;
  } 
}