.pricing_section {
  display: flex;
  padding: var(--spacing-07);
  flex-direction: column;
  gap: var(--spacing-08);
  background-color: var(--utility-grey-0);
  max-width: 120rem;
}

.pricing_container {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-04);
}

.pricing_package {
  display: flex;
  padding: var(--spacing-06) var(--spacing-04);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-05);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--spacing-01);
  background-color: var(--utility-white);
}

.pricing_package_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-05);
  align-self: stretch;
}

.pricing_price_detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-01);
}

.pricing_price {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-01);
  color: var(--brand-red);
}

.price_at {
  display: flex;
  padding: 0.4375rem 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.625rem;
}

.pricing_price_information {
  color: var(--utility-grey-5);
}

.pricing_package_text {
  width: 22.45813rem;
  color: var(--utility-grey-4);
}

.pricing_package_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-03);
  align-self: stretch;
}

.pricing_package_detail_entry_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-01);
}

.pricing_package_detail_entry {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}

.check_icon_wrapper {
  display: flex;
  width: var(--spacing-04);
  height: var(--spacing-04);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.pricing_package_detail_entry_text {
  width: 19.8125rem;
}

.pricing_package_order_button {
  align-self: stretch;
}

@media only screen and (min-width: 1280px) and (max-width: 1535px) {
  .pricing_section {
    width: auto;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1279px) {
  .pricing_section {
    width: auto;
  }

  .pricing_container {
    flex-direction: column;
  }
}

@media only screen and (max-width: 639px) {
  .pricing_section {
    width: auto;
  }

  .pricing_container {
    flex-direction: column;
  }

  .pricing_package_text {
    width: auto;
  }

  .pricing_package_detail_entry_text {
    width: auto;
  }

  .pricing_package_detail_entry {
    align-items: flex-start;
  }
}