@use "../../mixins" as *;
@use "../../variables" as *;

.overview-section {
  padding: 5rem 0;
  background-color: $white-color;

  &__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;

    @include responsive(md) {
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
    }
  }

  //   &__block {
  //     max-width: 520px;
  //   }

  &__title {
    margin-bottom: 1rem;
  }

  &__subtitle {
    font-weight: 700;
    font-size: 15px;
    @include responsive(md) {
      font-size: 17px;
    }
    @include responsive(lg) {
      font-size: 20px;
    }
    margin-bottom: 1.5rem;
  }

  &__list {
    list-style: none;
    padding: 0;
    width: 100%;

   
  }

  &__border {
    border-top: 2px solid $primary-color;
    padding-top: 35px;
    @include responsive(md) {
      border-top: 0;
      padding-top: 0;
      border-left: 2px solid $primary-color;
      padding-left: 55px;
    }
  }

  &__text {
    margin-bottom: 1.25rem;
    max-width: 470px;
    strong {
      font-weight: 700;
    }
  }
}