.our-value {
  background-image: url("../img/about-us/value-bg.webp");
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 115px 0 150px;
  @media (max-width: 1199px) {
   padding: 80px 0;
  }
  @media (max-width: 991px) {
    padding: 50px 0;
  }

  .text-content {
    margin-bottom: 100px;
    @media (max-width: 1199px) {
     margin-bottom: 60px;
    }
    @media (max-width: 767px) {
      margin-bottom: 30px;
    }

    small {
      font-family: $Inter;
      font-size: 30px;
      font-weight: 700;
      line-height: 71px;
      color: #6358F4;
      @media (max-width: 991px) {
        font-size: 20px;
        line-height: 31px;
      }
    }
  }

  .card {
    box-shadow: 0 32.64px 64.03px 0 #1C42A10A;
    background: #fff;
    border-radius: 18px;
    padding: 30px 35px 55px 60px;
    @media (max-width: 1399px) {
      padding: 30px 35px 55px 40px;
    }
    @media (max-width: 991px) {
      padding: 30px 20px;
    }
    @media (max-width: 767px) {
      margin-bottom: 20px;
    }

    .img-cont {
      margin-bottom: 40px;
      @media (max-width: 1199px) {
        margin-bottom: 30px;
      }
    }

    .text-cont {
      h3 {
        text-transform: capitalize;
        font-family: $Inter;
        font-size: 22px;
        font-weight: 700;
        line-height: 31px;
        color: #171717;
        margin-bottom: 50px;
        @media (max-width: 1199px) {
          font-size: 20px;
          line-height: 29px;
          margin-bottom: 20px;
        }
        @media (max-width: 991px) {
          font-size: 16px;
          line-height: 25px;
        }
      }

      p {
        font-family: $Inter;
        font-size: 17px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: -0.01em;
        color: #5F5F5F;
        @media (max-width: 1199px) {
          font-size: 14px;
          line-height: 21px;
        }
      }
    }
  }
}