.lv .home-features {
  margin-top: -12rem;
  display: flex;
  align-items: flex-end;
  padding: 2rem 1rem;
  background: whitesmoke;
}

.lv .home-features-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
}

.lv .home-features-col {
  background: rgba(255, 255, 255, 0.35);
  border: 2px solid rgb(255, 255, 255);
  border-radius: 25rem;
  padding: 4rem 2rem 3rem 2rem;
  min-width: 330px;
  max-width: 600px;
}

.lv .home-features p {
  font-size: 1.1rem;
}

.lv .home-features svg {
  margin: 3rem 0;
  flex: 0 0 auto;
}

@media (min-width: 360px) {
  .lv .home-features {
    margin-top: -15rem;
  }

  .lv .home-features-col {
    padding: 3rem;
  }
}

@media (min-width: 540px) {
  .lv .home-features {
    margin-top: -27rem;
  }

  .lv .home-features-col {
    padding: 4rem 4rem 3.5rem 4rem;
  }
}

@media (min-width: 720px) {
  .lv .home-features {
    margin-top: -38rem;
  }
}

@media (min-width: 820px) {
  .lv .home-features {
    margin-top: -40rem;
  }
}

@media (min-width: 960px) {
  .lv .home-features {
    margin-top: -45rem;
  }
}

@media (min-width: 1140px) {
  .lv .home-features {
    margin-top: -60rem;
  }

  .lv .home-features-grid {
    grid-template-columns: 1.3fr 1fr 1fr;

    gap: 3rem;
  }

  .lv .home-features-col {
    padding: 4.5rem 3rem 2rem 3rem;
  }
}

@media (min-width: 1340px) {
  .lv .home-features {
    margin-top: -75rem;
  }

  .lv .home-features-grid {
    gap: 3rem;
  }
}

@media (min-width: 1570px) {
  .lv .home-features {
    margin-top: -92rem;
  }

  .lv .home-features-grid {
    max-width: 1300px;
    gap: 4rem;
  }

  .lv .home-features-col {
    padding: 4.5rem 3rem 4rem 3rem;
    min-width: 400px;
  }
}

@media (min-width: 1800px) {
  .lv .home-features {
    margin-top: -100rem;
  }
}