.iconbox {
  border: none;

  &:hover {
    filter: brightness(1.1);
  }

  .iconbox-content {
    font-weight: 900;
  }
}

.feature-items {
  margin-top: 0px !important;
}
.hero-main.mobile-view {
  & + .container,
  & + .container-fluid, 
  & + section,
  &+ .frame-type-shortcut {
    .feature-items {
      margin-top: -150px !important;
    
      @include media-breakpoint-down(xl) {
        margin-top: -130px !important;
      }
    
      @include media-breakpoint-down(md) {
        margin-top: -100px !important;
      }
    
      @include media-breakpoint-down(sm) {
        margin-top: -120px !important;
      }
    }
  }
}

.feature-items .container {
  @include media-breakpoint-down(md) {
    margin-top: 0;
  }
}