.price-calculator-wrapper {
  display: flex;
  flex-direction: row; }
  .price-calculator-wrapper .price-calculator-content {
    width: 66%;
    border: 1px solid rgba(23, 50, 94, 0.12549);
    padding: 20px;
    border-radius: 4px 0px 0px 4px; }
    .price-calculator-wrapper .price-calculator-content h3 {
      font-size: 1.5rem;
      line-height: 1rem;
      color: #17325e;
      margin-bottom: 20px; }
    .price-calculator-wrapper .price-calculator-content p {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-bottom: 10px; }
      .price-calculator-wrapper .price-calculator-content p strong {
        font-weight: 500; }
    .price-calculator-wrapper .price-calculator-content .input-wrapper {
      display: flex;
      gap: 4px;
      padding-bottom: 8px; }
      .price-calculator-wrapper .price-calculator-content .input-wrapper input {
        padding: 4px 10px;
        min-width: 180px;
        max-width: 280px;
        width: 100%;
        font-size: 1rem;
        border-radius: 4px;
        border: 1px solid #D1D1D1; }
    .price-calculator-wrapper .price-calculator-content button {
      background: #E20886;
      border: none;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 48px;
      width: 48px;
      border-radius: 4px; }
    .price-calculator-wrapper .price-calculator-content .reset-btn {
      background: #17325e;
      display: none; }
  .price-calculator-wrapper .result-content {
    width: 34%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 4px; }
    .price-calculator-wrapper .result-content .default-view {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 400; }
    .price-calculator-wrapper .result-content .result-view1, .price-calculator-wrapper .result-content .result-view2 {
      display: none; }
      .price-calculator-wrapper .result-content .result-view1.is-calculated, .price-calculator-wrapper .result-content .result-view2.is-calculated {
        display: block; }
      .price-calculator-wrapper .result-content .result-view1 .price, .price-calculator-wrapper .result-content .result-view2 .price {
        font-weight: 600;
        font-size: 1.875rem;
        line-height: 1rem;
        padding: 10px 8px;
        display: inline-block;
        margin-bottom: 20px;
        width: 100%; }
      .price-calculator-wrapper .result-content .result-view1 span, .price-calculator-wrapper .result-content .result-view2 span {
        display: block;
        width: 100%;
        margin: 10px 0px; }
      .price-calculator-wrapper .result-content .result-view1 .button, .price-calculator-wrapper .result-content .result-view2 .button {
        margin: 0px; }
      .price-calculator-wrapper .result-content .result-view1 .simple-link, .price-calculator-wrapper .result-content .result-view2 .simple-link {
        color: #ffffff;
        font-size: 1rem;
        line-height: 1.5rem;
        text-decoration: underline;
        font-weight: 500; }

@media only screen and (max-width: 992px) {
  .price-calculator-wrapper {
    width: 100%; } }

@media only screen and (max-width: 560px) {
  .price-calculator-wrapper {
    width: 100%;
    flex-direction: column; }
    .price-calculator-wrapper .price-calculator-content {
      width: 100%; }
    .price-calculator-wrapper .result-content {
      width: 100%;
      padding: 0; }
      .price-calculator-wrapper .result-content .default-view {
        display: none !important; }
      .price-calculator-wrapper .result-content .result-view1, .price-calculator-wrapper .result-content .result-view2 {
        display: none; }
        .price-calculator-wrapper .result-content .result-view1.is-calculated, .price-calculator-wrapper .result-content .result-view2.is-calculated {
          display: block;
          padding: 20px; } }