input[type=radio]:checked, input[type=radio]:checked[type=radio], input.form-check-input:checked, input.form-check-input:checked[type=radio] {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%23fff' stroke='%231B1B1B'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%231B1B1B'/%3E%3C/svg%3E") center/contain no-repeat;
  border: none;
  -webkit-appearance: none;
}

main {
  color: #1B1B1B;
}

.payment-exp .form-control, .payment-exp .custom-select {
  font-size: 14px;
}
.payment-exp .custom-select div {
  margin-right: 20px;
}

.text-gray-656 {
  color: #656462 !important;
}
.text-gray-484 {
  color: #48423A !important;
}

.bg-F0E {
  background: #F0EDE8;
}

.btn_affirm, .btn_apay {
  border-radius: 5px;
}

.col-left__inner, .col-right__inner {
  width: 100%;
}
.col-left {
  padding: 38px;
}
.col-left__inner {
  max-width: 503px;
}
.col-right__inner {
  max-width: 480px;
}

.btn_min-w-auto {
  min-width: auto !important;
}

.bb-very-light-gray {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.gap-12 {
  gap: 12px;
}

.pay-method-selector-block {
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
.pay-method-selector-block .method-wrap:first-of-type {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.pay-method-selector-block .method-wrap:last-of-type {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pay-method-selector-block .cc-fields {
  background: #F4F3F1;
}

.how-package-works .dash-border {
  position: relative;
}
.how-package-works .dash-border::before {
  content: "";
  height: calc(100% - 24px);
  border-left: 2px dashed #68706D;
  position: absolute;
  top: 24px;
}

.collect-js-field .cc-field-icon {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px;
  background: #fff;
}
.collect-js-field.disabled .cc-field-icon {
  background: #e9ecef;
}

.tooltip-info {
  display: none;
  top: 30px;
  right: -20px;
  width: 410px;
  padding: 20px;
  background: #1B1B1B;
  border-radius: 8px;
  z-index: 99;
}
.tooltip-info img {
  max-width: 163px;
}
.tooltip-info:before {
  position: absolute;
  content: "";
  top: -15px;
  right: 20px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #1B1B1B transparent;
}

#infoBtn:hover > .tooltip-info {
  display: block;
}

[data-bs-toggle=collapse] svg {
  transition: transform 0.2s ease !important;
}
[data-bs-toggle=collapse]:not(.collapsed) svg {
  transform: rotate(180deg) translateY(2px);
}

.affirm-as-low-as a {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bg-md-white {
    background: #FFFFFF;
  }
}
@media (max-width: 991.98px) {
  .tooltip-info {
    width: 343px;
  }
  .tooltip-info img {
    max-width: 140px;
  }
}
@media (max-width: 767.98px) {
  .col-left, .col-right {
    padding: 16px 20px;
  }
  .col-left__inner, .col-right__inner {
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .tooltip-info {
    padding: 20px 12px;
    width: 316px;
  }
}
@media (max-width: 450px) {
  .affirm-as-low-as a {
    width: auto;
  }
}
@media (max-width: 374.98px) {
  .tooltip-info {
    width: calc(100vw - 40px);
  }
  .tooltip-info img {
    max-width: calc(50vw - 44px);
  }
}
