.text-in-grid-component {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.grid-item {
  border-bottom: 1px solid black;
  padding-bottom: 36px;
  margin-bottom: 36px;
}

.text-in-grid-title {
  text-transform: capitalize;
  font-size: 2.22vw;
  font-weight: 500;
  line-height: 2.78vw;
  color: #1d2025;
  font-family: Satoshi, sans-serif;
  width: 33.33333%;
}

.text-in-grid-subtitle {
  letter-spacing: 0.14vw;
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.11vw;
  color: #1d2025;
  font-family: Satoshi, sans-serif;
}
.w-66 {
  width: 66.666666%;
}
.text-in-grid-description {
  letter-spacing: 0.07vw;
  font-size: 1.11vw;
  font-weight: 300;
  color: #1d2025;
  font-family: Satoshi, sans-serif;
}

@media (max-width: 992px) {
  .text-in-grid-component {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }

  .text-in-grid-title {
    font-size: 2rem;
    line-height: 2.5rem;
    width: 56.33333%;
  }

  .text-in-grid-subtitle {
    letter-spacing: .125rem;
    font-size: .9rem;
    line-height: 1rem;
    margin-bottom: .5rem;
  }

  .text-in-grid-description {
    letter-spacing: .0625rem;
    font-size: 1rem;
    line-height: 1.7rem;
  }
}

@media (max-width: 576px) {
  .text-in-grid-title{
    width: 100%;
    font-size: 24px;
  }
  .card-desc{
    width: 100%!important;
  }
  .grid-item{
    width: 90%;
    margin: auto;
    margin-bottom: 2rem;
  }
}