
.cart-card{
  background:#F4F4F4;
  border-radius: 5px;
  margin-bottom:10px;
  overflow: hidden;
}
.cart-card-in{padding: 10px;max-width: 520px;    margin: 0px auto;}
.cart-message{    text-align: center;
    display: block;
    padding: 13px;font-size: 25px;}

.cart-message b{color:red}

.title-in-card{padding: 10px;color: #fff;background: #222222;margin:0px}

.checkout-container{max-width: 650px;margin: 0px auto;}
.cart-title{font-size: 28px;text-transform: uppercase;text-align: center;}

@media screen and (max-width: 992px) {
  .cart-title{font-size: 24px;}
}

/* main cart styling */

.cart-item-list{display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;}

.cart-item-single{display: flex;gap: 5px;justify-content: space-evenly;flex-wrap: nowrap;width: 100%;padding-right: 20px;}




.cart-product-item-img{align-items: center;display: flex;justify-content: center;}
.cart-product-item-img img{min-width: 60px;;width:100%}



.cart-item-pack{display: flex;gap: 5px;justify-content: center;flex-wrap: wrap;    max-width: 280px}


.cart-item-action{
  display: flex;
  justify-content: center;
  align-items: center;
}


  .cart-btn-pack-row{display: flex;gap: 5px;justify-content: space-between;width:100%}
  .cart-btn-qty-row{display: flex;gap: 5px;justify-content:center;width:100%;align-items: center;}

.cart-btn-qty-flex{display: flex;gap: 5px;}
  .cart-btn-pack,.cart-btn-pack:disabled{
      border-radius: 5px;
      border: 1px solid #649A42;
      background-color: #fff;
      font-size: 16px;
      line-height: 18px;
width: 90px;
  }
  .cart-btn-pack:disabled{
    background-color: rgb(101 154 64 / 18%);
  }
  .cart-btn-pack span:nth-child(1),.cart-btn-pack:disabled span:nth-child(1){
    color: #000;
    display:block;
    font-weight:bold;
    text-transform: uppercase;
    font-size: 90%;
  }

  .cart-btn-pack span:nth-child(2),.cart-btn-pack:disabled span:nth-child(2){
    color:red;
    display:block;
    font-size: 90%;

  }


  .cart-btn-qty{background: #222222;border: 0px;border-radius: 5px;padding: 2px;font-size:0px}
  .cart-btn-qty svg{width:20px}
  .cart-btn-qty svg path{fill:white;}


  .cart-btn-delete{background: #cf2525;border: 0px;border-radius: 100%;padding: 2px;font-size:0px}
  .cart-btn-delete svg{width:18px}
  .cart-btn-delete svg path{fill:white;}

  @media screen and (max-width: 600px) {
    .cart-item-single{gap:0px}
    .cart-btn-pack, .cart-btn-pack:disabled{font-size: 90%;
    line-height: 90%;width:auto;width: 100%;}
  }

  .cart-item-single{position: relative;margin-top: 10px;padding-top: 10px;border-top: 1px solid #adc79a;}
.cart-item-single:nth-child(1){margin-top: 0px;padding-top: 0px;border-top: 0px solid #adc79a;}

  .cart-btn-delete{position: absolute;top: 5px;right: 5px;}

  @media screen and (max-width: 992px) {
    .cart-item-single{flex-wrap: wrap;gap: 0px;padding-right: 0px;}
    .cart-product-item-img{text-align: center;width: 100%;}
    .cart-product-item-img img {max-width: 83px;}

  }
/* cart title */
.cart-inner-title{text-align: center;display: block;}


/* cart totals */
.table-col{text-align: center;}

.couponform{justify-content: center;flex-wrap: nowrap;}
.couponform input{border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;}
.couponform .cart-act-btn{border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;}


    .couponform  .cart-act-btn svg {
                width: 20px;
        }
.couponform  .cart-act-btn svg path{fill:#fff}

#cart input,.cart-act-btn{height: 35px;    line-height: 35px;}

.couponform .cart-form-group .form-control,.couponform .cart-act-btn,.clear-cart-btn{height: 31px !important;}



/* cart action btns */
.cart-act-btn{text-transform: uppercase;font-size: 15px;align-content: center;
            align-items: center;justify-content: center;
            display: flex;}

.cart-buy-btn{width: fit-content ;
    height: auto;
    margin: 0px auto;
    padding: 10px 40px;line-height: initial;}


        @media screen and (max-width: 600px) {
          .cart-act-btn {
            font-size: 14px;
            padding: 10px;
            width: fit-content;
          }
        }


        /* cart totals table */

          .cart-totals{border: 1px solid #659A40;border-radius: 5px;background: #fff;overflow: hidden;width: 100%;}

          .cart-totals-inner{display:flex;align-content: center;    width: 100%;}
          .cart-totals-col{width: 33%;flex:1;display:flex;justify-content: center;align-content: space-between;flex-wrap: wrap;}

          .cart-totals-col span{width: 100%;text-align: center;}
          .cart-totals-col span:nth-child(1){font-size: 14px;padding:2px 5px;background: #659A40;color: #fff;text-transform: uppercase;}
          .cart-totals-col span:nth-child(2){font-size: 17px;padding:10px;}

        @media (min-width:501px){
          .cart-totals-col{border-left: 1px solid #659a40;}
          .cart-totals-col:nth-child(1){border-left: 0px solid #659a40;}
        }
        @media (max-width:500px){
          .cart-totals-col{border-top: 1px solid #659a40;}
          .cart-totals-col:nth-child(1){border-top: 0px solid #659a40;}

          .cart-totals-inner{flex-wrap: wrap;}
          .cart-totals-col {width: 100%;flex: auto;flex-wrap: nowrap;    align-items: center;}
          .cart-totals-col span{    height: 100%;display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;}

            .cart-totals-col span:nth-child(1){width: 100%;max-width: 35%;}
            .cart-totals-col span:nth-child(2) {padding: 3px;}
        }



/* cart form */
.cart-form-group.form-group {
            margin-bottom: 10px;

        }
.cart-form-group label {
            float: left;
            margin: 0;
            font-size: 14px;
            color: #000;
            padding-left: 2px;
        }
.cart-form-group label.required:after{content:'*';color:red}
.cart-form-group .form-control {
            border: 1px solid #659A40;
height:35px;


      }


      .form-control:focus{box-shadow:none}
      .cart-form-group .form-control.invalid{border: 1px solid #9a4040;}
      .cart-form-group i{width: 100%;font-size: 14px;color: #9a4040;margin-bottom: 10px;}

      .cart-btn-qty-row span{padding: 0px 8px;background: white;border-radius: 5px;}

.cart-input-phone.mobile-cod label {
    float: unset;
}
.cart-input-phone .form-mobile-cod  {
    max-width: 65px;
    border-right: none;
    border-radius: 0;
}
.cart-input-phone.mobile-cod div input:nth-child(3) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.cart-bottom-action{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;gap:10px;margin:10px auto}

.clear-cart-btn{
    height: 35px;margin:0px;padding: 0px 10px;}


    @media (max-width:500px){
      .cart-bottom-action{justify-content: center;}
    }

    .cart-input-phone label{display:block;}
    .cart-input-phone div{display:flex;flex-wrap:nowrap}

    .cart-input-phone div input:nth-child(1){max-width: 63px;text-align: center;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right:0px}
    .cart-input-phone div input:nth-child(2){border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

        /* step3 */
      .cart-card-btmpad{padding-bottom: 130px;margin-bottom: -180px;}
      .cart-text{text-transform: uppercase;text-align: center;font-size: 18px;margin: 20px 0px;}
      .cart-text-clr{color: #659A40;display: block;}
      .cart-text-split{margin-top:15px;font-weight:900;display: flex;gap:5px;justify-content: center;font-size:120%}


      @media (max-width:600px){
        .cart-text-split{flex-wrap:wrap}
        .cart-text-split div{width:100%}
      }



        .cart-table{width: 100%;max-width: 520px;margin: 0px auto;}

        .cart-table-inner{display:flex;align-content: center;gap:8px;width: 100%;}
        .cart-table-col{border-radius: 5px;flex:1;display:flex;justify-content: center;align-content: space-between;flex-wrap: wrap;}

        .cart-table-col span{width: 100%;text-align: center;}
        .cart-table-col span:nth-child(1){font-size: 16px;padding: 7px 10px;}
        .cart-table-col span:nth-child(2){font-size: 18px;padding:10px;}


        .cart-table-col{border: 1px solid #659A40;background: #fff;}

        .cart-table-inner{flex-wrap: wrap;}
        .cart-table-col {width: 100%;flex: auto;flex-wrap: nowrap;    align-items: center;}
        .cart-table-col span{    height: 100%;display: flex;
          justify-content: center;
          align-content: center;
          align-items: center;}

          .cart-table-col span:nth-child(1){width: 100%;text-align: left;justify-content: flex-start;}
          .cart-table-col span:nth-child(2) {padding: 3px;border-left:1px  solid #659A40}


            .cart-table-title{text-transform: uppercase;font-size: 14px;
            justify-content: center !important;padding:10px 5px;
                background: #659A40;
                color: #fff;}
.cart-btn-logo{margin:20px auto;width:100%;max-width:175px;display: block;}


.cart-card-step3{font-size: 18px;line-height: 21px;}
.cart-card-step3 .cart-text{text-transform: none;}


  @media screen and (max-width: 992px){
  .cart-card-step3  .cart-title {
        font-size: 17px;
    }
  }
