.view-checkout {background-color: #f7f7f7;padding: 34px 0px;}

.view-checkout .item-show {margin: 0px auto;width: 88%;background-color: #fff;padding: 14px 28px;}
.view-checkout .item-show h2 {
    font-size: 17px;
    border-bottom: #d0d0d0 1px solid;
    padding: 9px 0px;
    margin-bottom: 16px;
    color: #28a745;
}
.view-checkout .checkout-head {
    background-color: #fff9f0;
    padding: 10px 0px;
    margin-bottom: 12px;
 }
 .view-checkout .checkout-head ul{
    padding: 0px 0px;
    list-style: none;
    display:  flex;
    align-items: center;
    justify-content: center;
    margin: 0;
 }
 .view-checkout .checkout-head ul li{
     display: flex;
     padding: 5px 13px;
     align-items: center;
     color: #888585;
     background-color: #f3f3f3;
     border-radius: 15px;
     text-transform: uppercase;
     font-size: 13px;
     margin: 0px 8px;
 }
 .view-checkout .checkout-head ul li.active{
   color: #ffffff;
   background-color: #2d713e;
  
  
 }
 
 .view-checkout .checkout-head ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #fd9411;
    border-radius: 20px;
    margin-right: 7px;
    color: #ffffff;
 }
 .view-checkout .checkout-head  ul li .step{
    
 }
 
 .view-checkout .checkout-info {
     background-color: #fff;
     /* margin-top: 23px; */
 }
 .view-checkout .checkout-info .all-head{
   margin: 7px 0px;
 }
 .view-checkout .checkout-info .all-head h3{
   font-size: 17px;
   border-bottom: #a19f9f 1px solid;
   padding-bottom: 11px;
   margin-bottom: 19px;
   font-weight: 600;
 }
 .view-checkout .Address-form {
     /* border: #b1b1b1bf 1px solid; */
     /* padding: 3px 20px; */
     margin-bottom: 24px;
     /* margin-top: 12px; */
 }
 .view-checkout .Address-form h2 {
     font-size: 18px;
     border-bottom: #a69b9b 1px solid;
     padding-bottom: 11px;
     color: #28a745;
 }
 .view-checkout .Address-form form {
     width: 100%;
     /* background-color: #f1f1f1; */
     padding: 0px 8px;
 }

 .view-checkout .Address-form form .form-group {
     /* margin: 0px -10px; */
     /* margin-bottom: 7px; */
 }
 .view-checkout .Address-form form .form-group label {
     font-size: 14px;
     color: #949494;
     font-size: 14px;
     color: #2e2e2e;
     margin-bottom: 3px;
 }
 .view-checkout .Address-form form .form-group input {
     font-size: 14px;
     height: 43px;
     border: #bebebe 1px solid;
     /* border-bottom: #d8d8d8 1px solid; */
     border-radius: 4;
     -webkit-box-shadow: none;
     box-shadow: none;
     /* background-color: #ffffff; */
 }
 .view-checkout  .action-bt {
     background: #28a745;
     border: none;
     color: #fff;
     width: 38%;
     padding: 8px 0px;
     float: right;
     border-radius: 4px;
     margin: 13px 0px;
     font-size: 15px;
 }

 .view-checkout .delivery-date h4{

font-size: 13px;

display: inline-flex;

align-items: center;

background-color: #d9e8db;

padding: 6px 13px;

border-radius: 19px;

color: #403a3a;

font-weight: 600;
}
.view-checkout .delivery-date h4 i{

color: #fd9411;

font-size: 16px;

margin-right: 5px;

}
 .view-checkout .delivery-date {
     margin-bottom: 24px;
 }
 .view-checkout .delivery-date label{
     font-size: 13px;
     color: #050505;
     margin-bottom: 5px;
 }
 .view-checkout .delivery-date .form-group{}
 .view-checkout .delivery-date .form-group .form-control{
     height: 43px;
 }
 .view-checkout .delivery-date .dropdown{
 }
 .view-checkout .delivery-date .dropdown i{position: absolute;right: 10px;top: 8px;font-size: 17px;color: #2d713e;}
 .view-checkout .delivery-date .dropdown .dropdown-select {
     width: 100%;
     height: 40px;
     border-radius: 4px;
     background-color: #fff;
     border: solid 1px #cccccc;
     text-align: left;
     padding: 7.5px 15px;
     color: #828282;
     /* letter-spacing: 0.7px; */
     /* margin-top: 25px; */
     font-size: 14px;
 }
 .view-checkout .delivery-date .dropdown .dropdown-menu{width: 100%;background-color: #ffffff;padding-bottom: 0;padding: 0;}
 .view-checkout .delivery-date .dropdown .dropdown-menu li{
     padding: 8px 14px;
     border-bottom: #dcdcdc 1px solid;
     color: #5c5e5d;
     font-size: 15px;
     display:  flex;
     align-items: center;
     justify-content: space-between;
 }
 .view-checkout .delivery-date .dropdown .dropdown-menu li:hover {
    background-color: #eaeaea;
}
.view-checkout .delivery-date .dropdown .dropdown-menu li span{
    /* color: #fd9411; */
    /* font-size: 14px; */
    /* font-weight: 600; */
 }
.view-checkout .delivery-date .dropdown .dropdown-menu li span i{
    color: #fd9411;
    font-size: 14px;
    font-weight: 600;
    position: inherit;
 }

 .view-checkout .delivery-date .product-show{
    margin: 9px 0px;
}
.view-checkout .delivery-date .product-show img{

}
.view-checkout .sender-info {

margin-bottom: 24px;
}
.view-checkout  label{

font-size: 13px;

margin-bottom: 4px;
}
.view-checkout  .form-group{

position: relative;
}
.view-checkout  .form-group .form-control{

padding-left: 40px;

height: 43px;
}
.view-checkout .form-group i{

position: absolute;

top: 37px;

left: 11px;

color: #178b1d;

font-size: 19px;
}
 
 
 .view-checkout .select-address {
    margin-bottom: 30px;
}

 .view-checkout .select-address .show-address{}
 .view-checkout .select-address .custom-control{
     background-color: #f6f6f6;
     padding: 11px 11px;
     /* margin-bottom: 28px; */
     margin: 11px 0px 30px;
 }
 .view-checkout .select-address .custom-control p{
    margin: 0;
    font-size: 14px;
 }
 .view-checkout .select-address .custom-control .show-add-bt {
     text-align: center;
     border-top: #b1b0b0 1px solid;
     margin-top: 29px;
 }
 
 .view-checkout .select-address .custom-control .show-add-bt a {
     padding: 7px 31px;
     display: inline-block;
     color: #28a745;
     font-size: 12px;
 }
  .view-checkout .add-address {
     width: 100%;
     height: 184px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #f5f4f4;
     margin-bottom: 20px;
 }
  .view-checkout .add-address .add-address-in {
 }
 .view-checkout .add-address .add-address-in span {
     display: block;
     width: 40px;
     height: 40px;
     line-height: 36px;
     margin: 0 auto;
     background-color: #e8e8e8;
     color: #928d8d;
     font-size: 23px;
     border-radius: 30px;
     text-align: center;
 }
 .view-checkout .add-address .add-address-in h4 {
     font-size: 14px;
     color: #3c3a3a;
     /* font-weight: 600; */
     margin-top: 11px;
 }

 .view-checkout .carttotal-show {
    background-color: #ffffff;
    border: #d4d4d4 1px solid;
    border-radius: 4px;
    overflow: hidden;
}
.view-checkout .carttotal-show h2 {
    background: #880836;
    font-size: 17px;
    color: #ffffff;
    padding: 8px 18px;
    margin: 0;
    background-image: linear-gradient(to bottom right, #b81119, #61004d);
}


.view-checkout .carttotal-show ul {
    padding: 6px 0px;
    margin: 0;
}
.view-checkout .carttotal-show ul li {
    list-style-type: none;
    padding: 4px 18px;
    /* border-bottom: #ccc7c7 1px solid; */
    font-size: 14px;
}
.view-checkout .carttotal-show ul li span{
 float: right;
}
.view-checkout .carttotal-show .cart-total {
    padding: 9px 17px;
    font-size: 15px;
    font-weight: 600;
    color: #202020;
    border-bottom: #ccc7c7 1px solid;
    border-top: #ccc7c7 1px solid;
}
.view-checkout .carttotal-show .cart-total .price-to {
    float: right;
}
.view-checkout .carttotal-show .cart-process {
    text-align: center;
    /* padding: 18px 0px; */
}
.view-checkout .carttotal-show .cart-process p {
    font-size: 12px;
}
.view-checkout .carttotal-show .cart-process .process-btn {
    border: 0;
    background-color: #fd9411;
    color: #fff;
    padding: 8px 42px;
    border-radius: 4px;
    width: 93%;
    font-size: 15px;
    display: block;
    margin: 13px auto;
}
.view-checkout .check-rd {
    background: #f5fff5;
    height: 180px;
    min-height: 170px;
    border: #a1e0a6 1px solid;
  }
.view-checkout .check-rd input[type="radio"] {
    display: none;
  }
  
  .view-checkout .check-rd label {
    cursor: pointer;
    position: relative;
    /* font-size: 4rem; */
    width: 100%;
    padding: 8px 14px;
  }
  .view-checkout .check-rd label p{
  
margin: 0;
  
font-size: 14px;
  
line-height: 24px;
  }
  
  .view-checkout .check-rd label::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #137139;
    border-radius: 24%;
    top: 10px;
    right: 7px;
    /* transform: translateY(-34%); */
    transition: border-color 400ms ease;
  }
  
  .view-checkout .check-rd label::after {
    content: "";
    position: absolute;
   
  }
  
  .view-checkout .check-rd input[type="radio"]:checked + label::before {
    /* border-color: var(--primary-color); */
    background: #4eb735;
  }
  
  .view-checkout .check-rd input[type="radio"]:checked + label::after {
    transform: translateY(-50%) scale(0.55);
    right: 13px;
    top: 12px;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
  }


  .check-mark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 13px;
  }

.check-mark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .check-mark .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #eee;
    border-radius: 4px;
  }
  
  /* On mouse-over, add a grey background color */
  .check-mark:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .check-mark input:checked ~ .checkmark {
    background-color: #18893f;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .check-mark .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .check-mark input:checked ~ .checkmark:after {
    display: block;
  }
  .check-mark .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


.view-checkout .check-rd2 {
    /* background: #f5fff5; */
    /* height: 180px; */
    /* min-height: 170px; */
    /* border: #a1e0a6 1px solid; */
  }
.view-checkout .check-rd2 input[type="radio"] {
    display: none;
  }
  
  .view-checkout .check-rd2 label {
    cursor: pointer;
    position: relative;
    /* font-size: 4rem; */
    width: 100%;
    padding-left: 28px;
    margin-right: 14px;
    margin-top: 35px;
  }
  .view-checkout .check-rd2 label p{
  
margin: 0;
  
font-size: 14px;
  
line-height: 24px;
  }
  
  .view-checkout .check-rd2 label::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #137139;
    border-radius: 24%;
    top: 0;
    left: 0;
    /* transform: translateY(-34%); */
    transition: border-color 400ms ease;
  }
  
  .view-checkout .check-rd2 label::after {
    content: "";
    position: absolute;
   
  }
  
  .view-checkout .check-rd2 input[type="radio"]:checked + label::before {
    /* border-color: var(--primary-color); */
    background: #4eb735;
  }
  
  .view-checkout .check-rd2 input[type="radio"]:checked + label::after {
    transform: translateY(-50%) scale(0.55);
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
  }

 
 @media (max-width: 767px) {
 .view-checkout .item-show {
   width: 100%;
   padding: 0px 14px;
 }
 .view-checkout .item-show h2 {margin-bottom: 8px;font-size: 14px;}
 .view-checkout .delivery-date .form-group {
     margin-bottom: 7px;
 }
 .view-checkout .delivery-date label {
     font-size: 13px;
     color: #585858;
     margin-bottom: 3px;
 }
 .view-checkout .delivery-date .form-group .form-control {
     height: 36px;
 }
 .view-checkout .delivery-date .dropdown .dropdown-select {
 
     height: 36px;
 
 
 }
 .view-checkout .Address-form form .form-group {
     margin: 2px -9px;
 }
 .view-checkout .Address-form form .form-group label {
 
     margin-bottom: 2px;
 }
 .view-checkout .Address-form form .form-group input {
     font-size: 14px;
     height: 35px;
 
 }
 .view-checkout .Address-form form .add-address-bt {
   
     width: 100%;
     padding: 8px 0px;
     margin: 13px 0px;
     font-size: 13px;
    
 }
 .view-checkout .Address-form form .custom-control {
  
     margin-top: 12px;
 }
 .view-checkout .carttotal-show .apply-coupon {
     padding: 8px 11px;
  
 }
 .view-checkout .carttotal-show .cart-process .process-btn {
 
     font-size: 13px;
 }
 .view-checkout .select-address .custom-control {
     background-color: #fff9e8;
     padding: 10px 11px 10px 35px;
     /* margin-bottom: 28px; */
     margin: 11px 0px 8px;
 }
 .view-checkout .add-address {
 
     margin: 11px 0px 8px;
 }
 .view-checkout .Address-form h3 {
     font-size: 14px;
 
 }
 }