/* =========================================
   OVERLAY
========================================= */

.medibyx-rpx .rpx-overlay {
  position: fixed;
  inset: 0;

  background: rgba(0,0,0,0.55);

  z-index: 999998;

  display: none;
}


/* =========================================
   MODAL
========================================= */

.medibyx-rpx .rpx-modal {
  position: fixed;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 420px;
  max-width: calc(100% - 32px);

  background: #fff;

  border-radius: 18px;

  padding: 28px;

  z-index: 999999;

  display: none;
}


/* =========================================
   INPUT FIELD
========================================= */

.medibyx-rpx .rpx-field input {

  width: 100%;

  padding: 14px 16px;

  font-size: 15px;

  border-radius: 14px;

  border: 1px solid #e6e6e6;

  background: #f9f9f9;
}

.medibyx-rpx .rpx-field input:focus {

  background: #fff;

  border-color: var(--rpx-primary);

  outline: none;
}


/* =========================================
   BUTTON
========================================= */

.medibyx-rpx .rpx-submit {

  width: 100%;

  margin-top: 18px;

  padding: 14px;

  border-radius: 14px;

  border: none;

  font-size: 15px;
  font-weight: 600;

  background: var(--rpx-primary);
  color: #fff;

  cursor: pointer;
}

.medibyx-rpx .rpx-submit:hover {
  background: var(--rpx-primary-hover);
}


/* =========================================
   RATE CARD
========================================= */

.medibyx-rpx .rpx-rate {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 16px;

  border-radius: 14px;

  background: #f7f7f7;

  margin-bottom: 10px;

  font-size: 14px;

  cursor: pointer;

  border: 1px solid #eaeaea;
}

.medibyx-rpx .rpx-rate input {
  accent-color: var(--rpx-primary);
}

.medibyx-rpx .rpx-choose-rate {
  width: 100%;
  margin-top: 8px;
  padding: 13px;
  border-radius: 14px;
  border: 1px solid var(--rpx-primary);
  background: #fff;
  color: var(--rpx-primary);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.medibyx-rpx .rpx-choose-rate:hover {
  background: #fff7ed;
}

.medibyx-rpx .rpx-rate:hover {

  background: #fff;

  border-color: var(--rpx-primary);
}