@-webkit-keyframes shine {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes shine {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.txt-green {
  color: #0ABB75 !important;
}

.txt-orange {
  color: #FF5235 !important;
}

.txt-secondary {
  color: #85858C !important;
}

hr {
  border-color: #707070;
  opacity: 0.12;
}

@media screen and (max-width: 768px) {
  .type-width {
    width: 100%;
  }
}

.cart-timeline-main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.cart-timeline-main ul li {
  position: relative;
  width: 100%;
}

.cart-timeline-main ul li .icons {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  background-color: #d4d4d4;
  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: auto;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  .cart-timeline-main ul li .icons {
    width: 45px;
    height: 45px;
  }
}

.cart-timeline-main ul li .icons img {
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 768px) {
  .cart-timeline-main ul li .icons img {
    width: 18px;
    height: 18px;
  }
}

.cart-timeline-main ul li p {
  color: #d4d4d4;
}

@media screen and (max-width: 768px) {
  .cart-timeline-main ul li p {
    display: none;
  }
}

.cart-timeline-main ul li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #d4d4d4;
  top: 32%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40%;
}

@media screen and (max-width: 768px) {
  .cart-timeline-main ul li::before {
    top: 44%;
  }
}

.cart-timeline-main ul li:first-child::before {
  display: none;
}

.cart-timeline-main ul li.active p {
  color: #191919;
}

.cart-timeline-main ul li.active .icons {
  background-color: #191919;
}

.cart-timeline-main ul li.active::before {
  background-color: #191919;
}

.white-background {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 9px #b8b8b817;
          box-shadow: 0px 3px 9px #b8b8b817;
  border-radius: 15px;
  padding: 25px;
}

@media screen and (max-width: 576px) {
  .white-background {
    padding: 12px;
  }
}

.white-background .cart-table-img {
  width: 110px;
  height: 85px;
  min-width: 110px;
}

.white-background .cart-table-img img {
  border-radius: 10px;
}

.white-background .product-div-img {
  width: 80%;
}

.white-background .table thead tr th {
  padding: 20px 5px;
}

@media screen and (max-width: 900px) {
  .white-background .table thead tr th {
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .white-background .table thead tr th {
    padding: 12px;
  }
}

.white-background .table tbody tr td {
  padding: 25px 5px;
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .white-background .table tbody tr td {
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .white-background .table tbody tr td {
    padding: 12px;
  }
}

.white-background .trash-svg {
  cursor: pointer;
  width: 40px;
  height: 40px;
  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;
  background-color: #fff5f5;
  border-radius: 100px;
  min-width: 40px;
}

.white-background .trash-svg img {
  width: 12px;
  height: 12px;
  min-width: 12px;
}

.white-background .cart-add-main.cart-page .bi {
  width: 30px;
  height: 30px;
  font-size: 1.375rem;
  /* 12px / 16 = 1.375remrem */
  color: #191919;
}

.white-background .cart-add-main.cart-page .plus i {
  background-color: #EEEEEE;
}

.white-background .subtotal-txt {
  padding-right: 60px;
}

@media screen and (max-width: 900px) {
  .white-background .subtotal-txt {
    padding-right: unset;
  }
}

@media screen and (max-width: 900px) {
  .white-background .product-description {
    width: 180px;
  }
}

.address-box {
  border: 2px solid #eaeaea !important;
  border-radius: 20px;
  padding: 20px;
  cursor: pointer;
  height: 100%;
  color: #191919;
  font-weight: 600;
  position: relative;
}

.address-box .title {
  color: #1a1a1a80;
  white-space: nowrap;
  min-width: 100px;
  width: 100px;
}

@media screen and (min-width: 1700px) {
  .address-box .title {
    min-width: 120px;
    width: 120px;
  }
}

.address-box .title-value {
  padding-right: 20px;
}

.address-box:hover {
  color: #191919 !important;
}

.select-address-modal .address-box .title {
  min-width: 130px;
  width: 130px;
}

.address-box.active {
  border: 2px solid #FF5235 !important;
  position: relative;
}

.address-box.active::before {
  content: "\F633";
  font-family: "bootstrap-icons";
  position: absolute;
  right: -15px;
  top: -15px;
  width: 35px;
  height: 35px;
  background-color: #FF5235;
  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;
  border-radius: 34px;
  font-size: 1.25rem;
  /* 20px / 16 = 1.25remrem */
  color: #fff;
}

.add-address-box {
  min-height: 210px;
}

.add-address-box img {
  width: 22px;
  height: 22px;
  margin: auto;
}

.add-address-box p {
  color: #1a1a1a80;
}

.cart-main.delivery-info .product-description {
  width: 300px;
}

@media screen and (max-width: 768px) {
  .cart-main.delivery-info .product-description {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .cart-main.delivery-info .delivery-active-state .nav-item {
    width: 100%;
  }
}

.cart-main.delivery-info .delivery-active-state .address-box {
  padding: unset;
  height: 50px;
  min-width: 220px;
  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;
  border-radius: 15px;
}

@media screen and (max-width: 576px) {
  .cart-main.delivery-info .delivery-active-state .address-box {
    min-width: auto;
    width: 100%;
  }
}

.cart-main.delivery-info .delivery-active-state .address-box.active::before {
  width: 30px;
  height: 30px;
  top: -12px;
  right: -12px;
  font-size: 1.25rem;
  /* 20px / 16 = 1.25remrem */
}

.custom-drop .dropdown-menu {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  max-width: 380px;
  max-height: 220px;
  overflow-y: auto;
}

.custom-drop .dropdown-menu p {
  white-space: normal;
}

.custom-drop .dropdown-menu .dropdown-item {
  cursor: pointer;
}

.custom-drop .dropdown-menu .dropdown-item:active {
  background-color: unset;
}

.custom-drop .btn.btn-secondary {
  text-align: start;
  background: unset;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  position: relative;
  max-width: 340px;
  white-space: normal;
}

.custom-drop .btn.btn-secondary:focus {
  border-color: #FF5235;
}

.custom-drop .line-clamp p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.custom-drop .dropdown-toggle::after {
  content: '\F282';
  font-family: 'bootstrap-icons';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  margin: unset;
  border: unset;
  vertical-align: unset;
  color: #85858C;
}

.custom-drop i {
  color: #85858C;
  font-size: 0.875rem;
  /* 14px / 16 = 0.875rem */
}

.custom-drop .customer-name {
  color: #191919;
}

.payment-img {
  width: 140px;
  height: 50px;
}

.payment-img img {
  -o-object-position: left;
     object-position: left;
}

.item-badge {
  background-color: #191919;
  border-radius: 12px;
  color: #fff;
  padding: 8px 0;
  text-align: center;
}

.white-background.payment-table .table thead tr {
  vertical-align: middle;
}

.white-background.payment-table .table thead tr th {
  padding: 15px 5px;
}

.white-background.payment-table .table tbody tr td {
  padding: 15px 5px;
}

.white-background.payment-table .table tbody tr td:last-child {
  text-align: end;
}

.apply-coupon {
  position: relative;
}

.apply-coupon .btn-subscribe {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 35px;
  font-size: 0.875rem;
  /* 14px / 16 = 0.875rem */
  width: 80px;
}

.apply-coupon.rewrite-form .form-control {
  font-size: clamp(0.9rem, 0.9vw, 1.1rem) !important;
  padding-right: 95px;
}

.payment-main input[type="radio"],
.delivery-info input[type="radio"] {
  display: none;
}

.payment-main label,
.delivery-info label {
  display: block;
}

.payment-main input[type="radio"]:checked + label,
.delivery-info input[type="radio"]:checked + label {
  border: 2px solid #FF5235 !important;
  position: relative;
}

.payment-main input[type="radio"]:checked + label::before,
.delivery-info input[type="radio"]:checked + label::before {
  content: "\F633";
  font-family: "bootstrap-icons";
  position: absolute;
  right: -15px;
  top: -15px;
  width: 35px;
  height: 35px;
  background-color: #FF5235;
  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;
  border-radius: 34px;
  font-size: 1.25rem;
  /* 20px / 16 = 1.25remrem */
  color: #fff;
}

.white-background.confirmation-main .table tbody tr:first-child {
  border-top: 1px solid #dee2e6;
}

.white-background.confirmation-main .table tbody tr td {
  padding: 15px 5px;
  white-space: nowrap;
}

.custom-toast-order {
  position: fixed;
  bottom: 20px;
  border: unset;
  border-radius: 13px;
  color: #fff;
  left: 30px;
}

@media screen and (max-width: 991px) {
  .custom-toast-order {
    bottom: 100px;
  }
}

@media screen and (max-width: 576px) {
  .custom-toast-order {
    width: 90%;
  }
}

.custom-toast-order img {
  cursor: pointer;
}

.custom-toast-order.danger {
  background-color: #FF5235;
}

.custom-toast-order.success {
  background-color: #00B16B;
  left: 20px;
  z-index: 9999;
}

.line {
  width: 100%;
  height: 1px;
  background-color: #70707026;
  position: relative;
  margin: 25px 0;
}

.line p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  background-color: #fff;
  padding: 0 10px;
}

.social-logos .logo-main {
  width: 30px;
  height: 30px;
  border: 1px solid #70707026;
  border-radius: 50px;
  padding: 5px;
}

.signup-check .form-check-input {
  width: 1.2em;
  height: 1.2em;
}

.eye-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}

.eye-icon i {
  font-size: 1.125rem;
  /* 18px / 16 = 1.125remrem */
  color: #85858C;
}

.address-box .edit-icon {
  position: absolute;
  right: 7px;
  bottom: 6px;
}

.address-box .edit-icon i {
  color: #FF5235;
  background-color: #ff52351f;
  width: 40px;
  height: 40px;
  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;
  border-radius: 50px;
}

.cart-add-main .disable-btn {
  opacity: 0.5;
  pointer-events: none;
}

.position-absolute.right-20 {
  right: 20px !important;
}

.cart-table .table thead th {
  border: unset;
}

.default-grey {
  background-color: #80808094;
}

.banner-content-main .btn-primary {
  color: #fff;
  background-color: #474542;
  border-color: #474542;
}

.copyright-bg .fs-14x {
  margin-inline: auto;
}