.inv-growth-item {
    z-index: 1;
    padding: 45px;
    max-width: 220px;
    border-radius: 5px;
    position: relative;
    background-color: #131822;
  }
  .inv-growth-item:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    border-radius: 5px;
    position: absolute;
    background: var(--grad-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -webkit-transform: perspective(300px) rotateX(-90deg);
    transform: perspective(300px) rotateX(-90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .inv-growth-item .growth-icon {
    margin-bottom: 15px;
  }
  .inv-growth-item .growth-icon i {
    line-height: 0.5;
    font-size: 65px;
  }
  .inv-growth-item .growth-text {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
  }
  .inv-growth-item:hover .growth-icon i {
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .inv-growth-item:hover:before {
    margin-top: 0;
    -webkit-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0);
  }