/* Stats section start  */
.growth-section {
    background: center / cover no-repeat url(/wp-content/uploads/2023/08/technology-bg.png);
  }

  .growth .counter {
    gap: 20px;
    margin: auto;
  }

  .growth-item {
    overflow: hidden;
    background-repeat: no-repeat;
  }

  .growth-item .title {
    font-family: var(--ced-montserrat-sb);
    color: var(--ced-grey-30);
  }

  .growth-item .numeric {
    font-family: var(--ced-montserrat-sb);
  }

  .growth-item.one .numeric {
    color: var(--ced-orange-color);
  }

  .growth-item.two .numeric {
    color: var(--ced-green-color);
  }

  .growth-item.three .numeric {
    color: var(--ced-bg-gray);
  }

  .growth-item.three {
    background-image: url(/wp-content/uploads/2024/02/grey-frame.png);
  }

  .growth-item.two {
    background-image: url(/wp-content/uploads/2024/02/green-frame.png);
  }

  .growth-item.one {
    background-image: url(/wp-content/uploads/2024/02/yellow-frame.png);
  }

  @media screen and (min-width: 1400px) {
    .growth .counter {
      max-width: 90%;
    }
  }

  @media screen and (min-width: 1200px) {
    .growth-item .numeric {
      font-size: 44px;
    }

    .growth-item {
      background-size: cover;
      background-position: center;
      min-height: 110px;
      padding: 20px 40px 20px 20px;
      width: 100%;
      border-radius: 15px;
    }
  }

  @media screen and (max-width: 1199px) {
    .growth-item {
      background-position: right;
      border-radius: 12px;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {}

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .growth-item .numeric {
      font-size: 34px;
    }

    .growth-item {
      background-size: 376px;
      width: 376px;
      min-height: 100px;
      padding: 15px 45px 15px 20px;
    }
  }

  @media screen and (min-width: 768px) {
    .growth-item .title {
      font-size: 20px;
    }
  }

  @media screen and (max-width: 991px) {}

  @media screen and (max-width: 767px) {
    .growth-item .title {
      line-height: 26px;
    }

    .growth-item {
      min-height: 85px;
    }
  }

  @media screen and (min-width: 576px) and (max-width: 991px) {

    .growth-item.two,
    .growth-item.three {
      flex: 1 1 40%;
    }
  }

  @media screen and (min-width: 576px) and (max-width: 767px) {
    .growth-item {
      background-size: 130%;
      padding: 15px 35px 15px 15px;
    }

    .growth-item.one {
      flex: 0 0 250px;
    }

    .growth-item .numeric {
      font-size: 30px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .growth-item.one {
      flex: 0 0 340px;
    }
  }

  @media screen and (min-width: 576px) {
    .growth-item .title {
      max-width: 115px;
    }
  }

  @media screen and (max-width: 575px) {
    .growth-item {
      background-size: 110%;
      padding: 10px 45px 10px 15px;
      max-width: 330px;
      width: 100%;
    }

    .growth-item .numeric {
      font-size: 26px;
    }
  }