@media screen and (max-width: 500px) {
  .only-mobile {
    display: block;
  }

  .hide-mobile {
    display: none;
  }

  .lc-summary {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .csp-input {
    width: 200px;
  }

  .custom-success-form-modal-card {
    width: calc(100% - 24px);
  }

  .lc-details {
    justify-content: space-between;
    gap: 24px;
    padding: 0px;
    margin-top: 12px;

    &.pay-per-use {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
  }

  .lc-details-item {
    align-items: flex-start;
  }

  .custom-input-field {
    margin-bottom: 0px;
  }

  .lc-periods.pay-monthly {
    grid-template-columns: repeat(3, 1fr);
  }

  .lc-grid {
    gap: 64px;
  }

  .lc-summary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .lc-summary-item {
    text-align: center;
  }

  .lc-result-pill {
    margin-bottom: 32px;
  }

  .csp-country-selector {
    top: unset;
    left: 0;
    width: 100%;
    padding: 16px;
    transform: translate(0%, 0%);
    bottom: 0;
    border-radius: 16px 16px 0px 0px;

    .csp-country-selector-title {
      font-size: 16px;
      margin-bottom: 32px;
    }

    .csp-country-selector-button {
      button {
        width: 100%;
      }
    }

    .csp-country-option-label {
      font-size: 16px;
    }
  }

  .custom-select-input {
    .custom-select-option-container {
      position: fixed;
      top: 0;
      height: 100vh;
      max-height: 100%;
      z-index: 999;
      transform: translate(0);
      margin-top: 0;
      border-radius: 24px 24px 0 0;
      border: none;
    }

    .custom-select-popup {
      padding: 16px;
      display: flex;
      justify-content: space-between;
      color: #000;
      font-size: 16px;
      font-weight: 700;
    }

    .custom-select-option {
      padding: 0 16px;
    }
  }

  .dropdown-card {
    position: fixed;
    top: unset;
    bottom: -100vh;
    left: 0;
    width: 100%;
    transform: translate(0px, 0px);
    border-radius: 0;
    transition: all 0.75s ease-in-out;
    max-height: 100%;
    overflow: hidden;
    height: auto;
    border-radius: 16px 16px 0 0;

    .currency-item-container {
      overflow: auto;
    }

    &.show {
      bottom: 0;
    }

    .dropdown-popup {
      padding: 16px;
      display: flex;
      justify-content: space-between;
      color: #1f1f1f;
      font-size: 16px;
      font-weight: 700;
    }

    .dropdown-popup-close {
      cursor: pointer;
    }
  }

  .custom-dropdown {
    .custom-dropdown-card {
      position: fixed;
      top: unset;
      bottom: -100vh;
      left: 0;
      width: 100%;
      transform: translate(0px, 0px);
      border-radius: 0;
      transition: all 0.75s ease-in-out;
      max-height: 100%;
      overflow: hidden;
      height: auto;
      border-radius: 16px 16px 0 0;

      .currency-item-container {
        overflow: auto;
      }

      &.show {
        bottom: 0;
      }

      .custom-dropdown-popup {
        padding: 16px;
        display: flex;
        justify-content: space-between;
        color: #1f1f1f;
        font-size: 16px;
        font-weight: 700;
      }

      .custom-dropdown-popup-close {
        cursor: pointer;
      }
    }
  }

  .fixed-deposit-calculator {
    .fix-deposit-calculator-interest-value {
      font-size: 48px;

      .currency {
        font-size: 24px;
      }
    }
  }
}