.otp-box input {
            width: 40px;
            text-align: center;
            display: inline-block;
            margin: 5px;
        }
        .d-none {
            display: none;
        }
        
        .payment-method .text-center {
  margin-bottom: 20px;
}

.green-card-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.green-card {
  background: #065c2f !important;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
  height: 100px; /* Set a fixed height for all cards */
  width: auto; /* Set a fixed width for all cards */    
}

.green-card.cod {
  background: #065c2f !important;
  grid-column: span 2; /* Span across two columns */
  justify-content: center;
  height: auto; /* Auto height for COD card */
  width: 350px;
  margin-left: 140px;
}

.discount-badge, .cod-fee {
  background: rgb(3 182 150);
  color: #fff;
  padding: 1px 10px;
  border-radius: 5px;
  position: absolute;
  top: -12px;
  left: 60%;
  transform: translateX(-50%);
  display: inline-block;
  font-size: 10px;
}

.cod-fee {
  background: #f73536;
}

.icon-holder {
  flex: 0 0 40px;
  margin-right: 10px;
}

.icon-holder img {
  width: 40px;
  height: 40px;
}

.details {
  flex-grow: 1;
}

.price {
  font-size: 24px;
  margin: 0;
}

.cod-note {
  color: #333;
  margin-top: 15px;
  text-align: center;
}

.custom-btn-close {
    position: absolute;
    right: 1px;
    top: -1px;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #fff; /* White text color */
    background-color: #c30808; /* Red background */
    border: 0;
    opacity: 0.8;
    z-index: 1050;
    box-sizing: content-box;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em no-repeat;
    transition: opacity 0.2s ease, transform 0.3s ease;
}

.custom-btn-close:hover {
    opacity: 1;
    transform: rotate(360deg); /* Spin effect */
}

.form__required-label {
    color: #dc3545; 
    margin-left: .1rem;
}

/*Hide coupan in mobile devices*/
@media (max-width: 768px) {
    .coupon {
        display: none;
    }
}

/* For mobile devices */
@media (max-width: 768px) {
  .green-card.cod {
    width: auto;
    margin-left: 0; /* Optional: Reset margin for mobile if needed */
  }
}