/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_digigold/cartridge/client/default/scss/checkoutDigiGold.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.proceed-digigold-sell[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.proceed-digigold-sell-mobile[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.otp-limit {
  position: absolute;
  top: 103%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.otp-limit .limit-img {
  padding: 0.625rem;
}
.otp-limit .warning {
  font-size: 0.8125rem;
  color: #ff0607;
  margin: 0.3125rem 0 0 0.5rem;
}

.is-customer-otp-limit-true {
  pointer-events: none;
  opacity: 0.5;
}
.is-customer-otp-limit-true .otp-limit {
  display: block;
  opacity: 1;
}

.otp-limit-table {
  position: absolute;
  top: 105%;
  left: 1%;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.otp-limit-table .limit-img {
  padding: 0.625rem;
}
.otp-limit-table .warning {
  font-size: 0.8125rem;
  color: #ff0607;
  margin: 0.3125rem 0 0 0;
}

.otp-confirm-error span {
  position: absolute;
  top: 64%;
  font-size: 0.8125rem;
  color: #b50000;
}

.is-digigold-redeem-false .veil {
  height: 128% !important;
}

.payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.redeemption-error {
  font-size: 0.75rem;
}

.other-redeemption-error {
  font-size: 0.75rem;
}

.digigolderrorblock {
  color: #b50000;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.digi-gold-balance .digigold-bal-heading h6 {
  font-family: "nunito_sansregular";
  font-size: 0.875rem;
  font-weight: 700;
}
.digi-gold-balance .digigold-bal-body .t-first {
  width: 100%;
  font-size: 0.75rem;
  border-collapse: separate;
  border-spacing: 0 0.625rem;
  border-bottom: 0.0625rem solid #9d9999;
}
.digi-gold-balance .digigold-bal-body .t-first .table-heading {
  font-weight: 700;
  letter-spacing: 0.0375rem;
}
.digi-gold-balance .digigold-bal-body .t-first .table-body {
  letter-spacing: 0.0375rem;
}
.digi-gold-balance .digigold-bal-body .t-second {
  width: 35%;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.0375rem;
  border-collapse: separate;
  border-spacing: 0 1.375rem;
  margin-top: -0.9375rem;
}
.digi-gold-balance .digigold-bal-body .t-second .t-second-left-heading {
  font-size: 0.6875rem;
}
.digi-gold-balance .digigold-bal-body .t-second .t-second-right-data {
  font-size: 0.8125rem;
}
.digi-gold-balance .digigold-bal-body .dg-checkout-inputbox input {
  padding-left: 0.75rem;
  width: 42%;
  height: 3rem;
  background-color: #f6f6f6;
  border: 0.0625rem solid #dad9d8;
  opacity: 0.4;
  border-radius: 0.3125rem;
  margin-top: -0.625rem;
}
.digi-gold-balance .digigold-bal-body .dg-checkout-inputbox input:disabled {
  cursor: not-allowed;
}

.checkout-common-button button {
  border-radius: 0.3125rem;
  opacity: 1;
  width: 28%;
  height: 3.2rem !important;
  text-align: center;
  color: #fff;
  border: none;
  float: right;
  background: #832729 0 0 no-repeat padding-box;
  margin-top: 1.125rem;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05rem;
}

.digigold-checkout-redeemption {
  display: none;
}
.digigold-checkout-redeemption .veil {
  height: 100%;
}

#checkout-main[data-checkout-stage=payment] .digigold-checkout-redeemption {
  display: block;
  border-radius: 0.5rem;
}

.checkout-box {
  padding: 0.625rem 0.625rem;
  font-family: "nunito_sansregular";
  background-color: #f2e9e9;
}

.gold-rate-box {
  background-color: #f2e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 0.3125rem;
}

.gold-rate-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gold-rate-heading h2:nth-child(1) {
  font-size: 0.75rem;
  color: #832729;
}
.gold-rate-heading .digi-gold-amount {
  font-size: 0.75rem;
  color: #832729;
}

.digigold-checkout-tab button {
  border-radius: 0.3125rem;
  opacity: 1;
  width: 30%;
  height: 3.2rem !important;
  text-align: center;
  color: #fff;
  border: none;
  background: #832729 0 0 no-repeat padding-box;
  margin-top: 1.125rem;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05rem;
  margin-left: auto;
  margin-right: 0;
  display: block;
}
@media (max-width: 767.98px) {
  .digigold-checkout-tab button {
    width: 100%;
  }
}
.digigold-checkout-tab .horizontal-ruler {
  width: 100%;
  margin: auto;
  border-top: 0.125rem solid #dad9db;
}
.digigold-checkout-tab .tanishq-digigold-heading {
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.75rem 0;
  margin-bottom: 0;
}

.digi-table-bordered-mobile tr {
  height: 2.8125rem;
}
.digi-table-bordered-mobile tr td {
  border: 0.125rem solid #dad9db;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  font-size: 0.75rem;
  width: 25%;
}
.digi-table-bordered-mobile tr td p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.digi-table-bordered-mobile tr .mobile-digi-redeem-thead {
  background: #e1e1e1;
  border: 0.125rem solid #dad9db;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  font-size: 0.75rem;
  font-weight: bold;
}
.digi-table-bordered-mobile tr .mobile-digi-redeem-thead .rupees-input-digigold .digi-rupee-input {
  padding-left: 0.25rem;
}

.digi-table-bordered thead {
  height: 1.875rem;
}
.digi-table-bordered thead tr th {
  background: #e1e1e1;
  border: 0.125rem solid #dad9db;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  font-size: 0.75rem;
  width: 25%;
}
.digi-table-bordered tbody {
  height: 2.8125rem;
}
.digi-table-bordered tbody tr td {
  border: 0.125rem solid #dad9db;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  font-size: 0.75rem;
  width: 25%;
}
.digi-table-bordered tbody tr td p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.rupees-input-digigold {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rupees-input-digigold .digi-rupee-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023.98px) {
  .rupees-input-digigold .digi-rupee-input span {
    padding-right: 0 !important;
  }
}
.rupees-input-digigold .digi-rupee-input input {
  border: 0.0625rem solid #dad9db;
  border-radius: 0.1875rem;
  width: 85%;
  height: 1.75rem;
  font-size: 0.75rem;
  margin-right: 0.625rem;
  padding: 0.375rem;
}

.enter-mobile {
  width: 100%;
  height: 7.0625rem;
  border-radius: 0.25rem;
  position: relative;
}
.enter-mobile > .mobile-heading {
  text-align: left;
  font-size: 0.8125rem;
  color: #000;
  position: absolute;
  top: 0.8125rem;
  left: 1.5625rem;
}
.enter-mobile > .mobile-with-country-code {
  width: 92%;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 43%;
}
.enter-mobile > .mobile-with-country-code > .country-code {
  width: 11%;
  height: 3.125rem;
  background: #f6f6f6 0 0 no-repeat padding-box;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8125rem;
}
.enter-mobile > .mobile-with-country-code > input {
  position: absolute;
  width: 55%;
  height: 3.125rem;
  background: #fff 0 0 no-repeat padding-box;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
  left: 14%;
  padding: 0.9375rem;
  outline: none;
  font-size: 0.875rem;
}
.enter-mobile > .mobile-with-country-code .mobile-number-div {
  position: absolute;
  width: 55%;
  height: 3.125rem;
  background: #fff 0 0 no-repeat padding-box;
  border-radius: 0.25rem;
  left: 14%;
  outline: none;
  font-size: 0.875rem;
}
.enter-mobile > .mobile-with-country-code .mobile-number-div input {
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
}
.enter-mobile > .mobile-with-country-code > .mobile-num-error-message {
  position: absolute;
  top: 108%;
  left: 15%;
  color: #b50000;
  font-size: 0.75rem;
}
.enter-mobile > .mobile-with-country-code > button {
  width: 29%;
  height: 3.125rem;
  position: absolute;
  left: 71%;
  background-color: #832729;
  border: 0.0625rem solid #908e8a;
  color: #f6f6f6;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
.enter-mobile > .mobile-with-country-code > button:hover {
  background: none;
  color: #000;
}

.enter-otp {
  width: 92%;
  margin: auto;
  border-radius: 0.25rem;
  position: relative;
}
.enter-otp > .otp-heading {
  text-align: left;
  font-size: 0.75rem;
  color: #000;
  margin: 1rem 0;
}
.enter-otp > .below-otp-heading {
  text-align: left;
  font-size: 0.75rem;
  color: #000;
  margin: 1.875rem 0 0 0;
}
.enter-otp > .mobile-otp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
.enter-otp > .mobile-otp > input {
  width: 37%;
  height: 3.125rem;
  background: #fff 0 0 no-repeat padding-box;
  border: 0.125rem solid #dad9db;
  border-radius: 0.25rem;
  padding: 1rem;
  margin-right: 0.625rem;
  outline: none;
}
.enter-otp > .mobile-otp label {
  position: absolute;
  left: 6%;
  top: 32%;
  color: #908e8a;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  font-size: 0.75rem;
  pointer-events: none;
}
.enter-otp > .mobile-otp > button {
  width: 34%;
  height: 3.125rem;
  background-color: #832729;
  color: #f6f6f6;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
  margin-right: 1.25rem;
  font-size: 0.875rem;
}
.enter-otp > .mobile-otp > a {
  color: #832729 !important;
  text-decoration: underline;
  height: 1.1875rem;
  font-size: 0.875rem;
  width: 25%;
}

.mobile-with-country-code > input {
  padding: 0.8125rem;
}
.mobile-with-country-code .mobile-label {
  position: absolute;
  left: 16%;
  top: 4%;
  color: #908e8a;
  padding: 0.8125rem;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}

.mobile-with-country-code .mobile-number:not([disabled]):focus ~ .mobile-label {
  -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
          transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
}

.mobile-with-country-code .mobile-number:not(:-moz-placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
  transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: linear-gradient(#fff, #fff);
}

.mobile-with-country-code .mobile-number:not(:-ms-input-placeholder).mobile-number:not(:focus) ~ .mobile-label {
  transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: linear-gradient(#fff, #fff);
}

.mobile-with-country-code .mobile-number:not(:placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
  -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
          transform: scale(0.7) translateY(-2.125rem) translateX(-2rem);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
}

.mobile-number::-webkit-inner-spin-button,
.mobile-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.otp:focus {
  border: 0.0625rem solid #363636;
}
.otp:focus ~ label {
  top: 28%;
  left: 3%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff;
}
.otp:not(:-moz-placeholder-shown) ~ label {
  top: 28%;
  left: 3%;
  transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff;
}
.otp:not(:-ms-input-placeholder) ~ label {
  top: 28%;
  left: 3%;
  transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff;
}
.otp:not(:placeholder-shown) ~ label {
  top: 28%;
  left: 3%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  font-size: 0.75rem;
  padding: 0.1875rem;
  opacity: 1;
  background-color: #fff;
}

#myotp::-webkit-inner-spin-button,
#myotp::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.error-msg {
  background: #fff;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.375rem;
}
.error-msg .error-icon {
  width: 15%;
  background: transparent url("../../images/erroricon.svg") 0 0 no-repeat padding-box;
  background-position: center;
}
.error-msg .error-para {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85%;
}
.error-msg .error-para p {
  font-size: 0.8125rem;
  margin: 0;
}

@media screen and (max-width: 468px) {
  .digi-table-bordered-mobile {
    display: block !important;
  }
  .digi-table-bordered {
    display: none !important;
  }
  .proceed-digigold-sell-mobile {
    display: block !important;
  }
  .proceed-digigold-sell {
    display: none !important;
  }
  .enter-otp .otp-heading {
    font-size: 0.75rem;
    margin: 0.75rem 0;
  }
  .enter-otp .below-otp-heading {
    font-size: 0.75rem;
  }
  .enter-otp .mobile-otp {
    margin-bottom: 1.5rem;
  }
  .enter-otp .mobile-otp input {
    width: 48%;
  }
  .enter-otp .mobile-otp button {
    width: 48%;
    margin-right: 0;
    font-size: 0.8125rem;
  }
  .enter-otp .mobile-otp a {
    position: absolute;
    top: 116%;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
  }
  .otp-confirm-error span {
    position: relative;
    font-size: 0.75rem;
    top: 60%;
  }
  .enter-mobile {
    margin-bottom: 5.625rem;
  }
  .enter-mobile .mobile-heading {
    left: 6%;
  }
  .enter-mobile .mobile-with-country-code .mobile-num-error-message {
    left: 26%;
  }
  .enter-mobile .mobile-with-country-code .country-code {
    width: 21%;
    margin-left: 0.375rem;
  }
  .enter-mobile .mobile-with-country-code input {
    width: 72%;
    left: 26%;
  }
  .enter-mobile .mobile-with-country-code .mobile-number-div {
    width: 72%;
    left: 26%;
  }
  .enter-mobile .mobile-with-country-code .mobile-number-div label {
    left: 0.625rem;
  }
  .enter-mobile .mobile-with-country-code label {
    left: 27%;
  }
  .enter-mobile .mobile-with-country-code button {
    left: 1%;
    top: 170%;
    width: 98%;
  }
  .mobile-with-country-code .mobile-number:not([disabled]):focus ~ .mobile-label {
    -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
            transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(#fff, #fff);
  }
  .mobile-with-country-code .mobile-number:not(:-moz-placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
    transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: linear-gradient(#fff, #fff);
  }
  .mobile-with-country-code .mobile-number:not(:-ms-input-placeholder).mobile-number:not(:focus) ~ .mobile-label {
    transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: linear-gradient(#fff, #fff);
  }
  .mobile-with-country-code .mobile-number:not(:placeholder-shown).mobile-number:not(:focus) ~ .mobile-label {
    -webkit-transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
            transform: scale(0.7) translateY(-2.125rem) translateX(-1.25rem);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(#fff, #fff);
  }
}
@media screen and (max-width: 1280px) {
  .digi-table-bordered thead tr th {
    font-size: 0.6875rem;
  }
}
.digigold-checkout-redeem-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin-bottom: 1rem;
  background: #fff 0% 0% no-repeat padding-box;
  border: 0.8px dashed #832729;
  border-radius: 1px;
}
.digigold-checkout-redeem-error img {
  padding: 10px;
}

.digigold-redeem-msg {
  margin: 12px 19px;
  color: #000;
  font-family: "nunito_sansregular";
}

.digigold-redeem-msg-bold {
  font: normal normal bold 12px/18px "Nunito Sans", sans-serif;
  color: #000;
}

.dg-redeem-offer-msg {
  color: #832729;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: regular;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 0.5rem;
}

/*# sourceMappingURL=default\css\checkoutDigiGold.css.map*/