#setting_package {
  .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;

    &__text {
      &--title {
        font-weight: bold;
        font-size: 30px;
      }
      &--subtitle {
        font-size: $font-size-normal;
      }
    }

    &__button {
      border: 0;
      border-radius: 5px;
      background: #004f9c;
      font-weight: 400;
      color: #fff;
      cursor: pointer;
      padding: 10px 20px;
      display: block;
    }
  }

  .package {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;

    &__title {
			font-size: $font-size-large;
      font-weight: 700;
      margin-bottom: 20px;
    }

    &__line {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0;

      &--subject {
				width: 25%;
				font-size: $font-size-normal;
      }
      &--value {
				width: 75%;
				font-size: $font-size-normal;
      }
      &--invalue {
        display: flex;
        align-items: flex-start;
				margin-bottom: 5px;
				font-weight: 500;

        img {
          width: 13px;
					height: 13px;
					margin-right: 5px;
					margin-top: 3px;
        }
      }
    }
  }

  @media only screen and (max-width: 992px) {
    .title {
      display: inherit;

      &__text {
        &--title {
          font-size: 28px;
        }
      }

      &__button {
        margin-top: 15px;
        width: fit-content;
      }
    }

    .package {
      &__line {
        &--subject {
					width: 100%;
					margin-bottom: 5px;
        }
        &--value {
          width: 100%;
          padding-left: 20px;
        }
      }
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .title {
        &__button {
          display: table;
        }
      }
    }
  }
}