.cart-container {
  display: flex;
  gap: 2vw;
  align-items: flex-start;
}
.toggle {
  display: flex;
  gap: 2vw;
  margin-bottom: 2vw;
}
.toggle__text {
  font-size: 1.5rem;
  color: #17367F;
}
.toggle__text_active {
  color: #17367F;
  text-decoration: underline;
}


@media (max-width: 768px) {
  .payment-page {
    width: 100%;
    padding: 5% 5%;
  }
  .cart-container {
    flex-direction: column;
  }
  .table__wrapper {
    width: 100%;
  }
  .summary {
    margin-top: 2rem;
    width: 100%;
    padding: 2rem 3rem;
  }
  .summary__button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    margin: 2rem 0;
    padding: 4rem auto;

  }

@media (max-width: 552px) {
  .payment-container {
    width: 90%;
    background-color: red;
  }
  .table__wrapper {
    width: 90% !important;
  }
  .summary {
    width: 90%;
  }
  .toggle {
    display: none;
  }
}



}