.shopping-area {
    font-size: 28px;
}
.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px;
    margin-top: 7px;
}
.s-counter {
    margin: 1px 0px -51px -60px;
    font-size: 7px;
}
td, th {
    padding: 4px;
}
tr {
    border-bottom: 1px solid #f0e6e6;
}
.removing {
    background: no-repeat;
    border: none;
}
.modal-header .close {
    margin-top: -24px;
}
button.delete-item.btn.btn-danger {
    font-size: 9px;
    border-radius: 60%;
}
.greetings {
    padding: 6px;
}
.sign-in-modal .inner--sign-in-modal .content-info .content-sign-in .wrap--content-sign-in form button {
    border: 1px solid #388ad0 !important;
    background: #2792ee !important;
}
.input-group {
  display: flex;
  border: 1px solid #ccc;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
}

.input-group input {
  flex-grow: 1;
  border: none;
  outline: none;
  margin-right: 5px;
}

.input-group .captcha-image {
  height: 28px;
  width: auto;
  max-width: 100px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .input-group .captcha-image {
    max-width: 70px;
    height: 21px;
  }

.input-group input {
  margin-right: -5px;
}

}

span.get-otp-btn {
    background-color: #ff8c00;
    color: white;
    font-weight: bold;
    padding: 4px 5px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

span.get-otp-btn:hover {
    background-color: #e07b00;
}
.input-group.otp-group {
    margin-bottom: 11px;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}