.txt-green {
  color: #1fa952;
}

.cart-grid-body {
  margin-bottom: 0.75rem;
}

.cart-grid-body .card {
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 4px;
}

.cart-grid-body .card .cart-overview {
  padding: 1rem;
}

.cart-grid-body .card .cart-overview .cart-item {
  padding: 1rem 0;
}

.cart-grid-body .card .cart-overview .price {
  color: #1fa952 !important;
  font-size: 16px;
}

.cart-grid-body .card .cart-overview .free {
  border-left: 5px solid #1fa952;
  color: #1fa952;
}

.cart-grid-body .card .cart-overview .remove-itm {
  color: rgba(0, 0, 0, 0.5);
  margin: 5px 0 0 0;
  font-size: 11px;
  letter-spacing: 0.4px;
}

.cart-grid-body .card .cart-overview .remove-itm:hover {
  color: #c90724;
}

.cart-grid-body .card .cart-overview .btn-add .input-group {
  width: 62%;
  border-radius: 50px;
  border: 2px solid rgba(0, 0, 0, 0.05);
}

.cart-grid-body .card .cart-overview .btn-add .btn:focus {
  outline: 0;
  box-shadow: none;
}

.cart-grid-body .card .cart-overview .btn-add .btn-add-cart {
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
  color: #FFF;
  font-size: 13px;
  font-family: "GilRoy", sans-serif;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 80px;
}

.total {
  font-size: 22px;
  letter-spacing: 0.3px;
}

.btn-order {
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
  color: #FFF;
  font-size: 13px;
  font-family: "GilRoy", sans-serif;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 30px;
  margin: auto auto 14px;
  text-transform: uppercase;
  font-weight: 600;
  border-color: transparent;
  width: 40%;
}

.commande {
  padding: 30px 2.5rem;
}

.commande .accordion .card .card-header {
  background-color: white;
}

.commande .accordion .card .card-header button {
  font-size: 20px;
  color: black;
  font-weight: bold;
}

.commande .accordion .card .card-header button .step-number,
.commande .accordion .card .card-header button .step-check {
  color: #f1f3f0;
  border-color: #f1f3f0;
  background: #FFF;
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  font-size: 14px;
  margin-right: 0.5rem;
}

.commande .accordion .card .card-header button .step-number {
  padding: 10px 14px;
}

.commande .accordion .card .card-header button .step-check {
  padding: 10px 11px;
}

.commande .accordion .card .card-header .btn:focus {
  box-shadow: none;
}

.commande .accordion .card .card-body .content {
  padding: 0 2.313rem;
}

.commande .accordion .card .card-body .content .link-c a:hover {
  color: #c90724;
}

.commande .accordion .card .card-body .content .link-c .link-compte {
  color: black;
  font-size: 16px;
}

.commande .accordion .card .card-body .content .link-c .link-connexion {
  font-size: 16px;
  color: #7a7a7a;
}

.commande .accordion .card .card-body .content form {
  width: 65%;
}

.commande .accordion .card .card-body .content form .form-control {
  padding: 18px 16px;
  font-size: 13px;
  line-height: 1.25;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  background-clip: padding-box;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
}

.commande .accordion .card .card-body .content form .btn-password input {
  width: 299px;
}

.commande .accordion .card .card-body .content form .btn-password button {
  height: 37px;
  font-size: 12px;
  padding: 9px 13px;
  color: white;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
}

.commande .accordion .card .card-body .content form .continue {
  background: #1fa952;
  color: white;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 30px;
  font-size: 13px;
}

.commande .accordion .card .card-body .content2 {
  padding: 0 2.313rem;
}

.commande .accordion .card .card-body .content2 .btn-continue {
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
  color: #FFF;
  font-size: 13px;
  font-family: "GilRoy", sans-serif;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 30px;
}

.commande .accordion .card .card-body .content2 form .form-control {
  padding: 18px 16px;
  font-size: 13px;
  line-height: 1.25;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  background-clip: padding-box;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
}

.commande .accordion .card .card-body .content3 {
  padding: 0 2.313rem;
}

.commande .accordion .card .card-body .content3 .paypal2 {
  width: 90px;
}

.commande .accordion .card .card-body .content3 .btn-continue {
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
  color: #FFF;
  font-size: 13px;
  font-family: "GilRoy", sans-serif;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 30px;
}

.commande .accordion .card .card-body .content3 .shield-icn,
.commande .accordion .card .card-body .content3 .box-icn {
  height: 43px;
}

.commande .accordion .card #collapseThree .card-body {
  margin: 0 2.313rem;
}

.commande .accordion .card #collapseThree .card-body .livraison-bg {
  background: #F6F6F6;
}

.commande .accordion .card #collapseThree .card-body .btn-continue {
  background: #1fa952;
  transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
  color: #FFF;
  font-size: 13px;
  font-family: "GilRoy", sans-serif;
  letter-spacing: 0.6px;
  border-radius: 50px;
  padding: 11px 30px;
}

.commande .finalisez .top-title {
  padding: 0.75rem 0;
}

.commande .finalisez .top-title h2 {
  font-size: 20px;
  font-weight: bold;
}

.commande .finalisez .top-title p {
  font-size: 0.9375rem;
}

.commande .finalisez .item-details,
.commande .finalisez .item-subtotal {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.commande .finalisez .item-details .item-image {
  width: 55px;
  height: 55px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 600px) {
  .commande {
    padding-left: 0;
    padding-right: 0;
  }

  .commande .accordion .card .card-header button {
    font-size: 14.4px;
  }

  .commande .accordion .card .card-body .content {
    padding: 6px;
  }

  .commande .accordion .card .card-body .content form {
    width: 100%;
  }

  .commande .accordion .card .card-body .content .link-c .link-compte,
  .commande .accordion .card .card-body .content .link-c .link-connexion {
    font-size: 14px;
  }

  .commande .accordion .card .card-body .content2 {
    padding: 6px;
  }

  .commande .accordion .card .card-body .content3 {
    padding: 6px;
  }

  .commande .accordion .card #collapseThree .card-body {
    margin: 0;
  }
}