#header.header-transparent {
    background: #0b2e33 !important;
}
.dividing-line {
    width: 100%;
    border: 1px solid #EAECEF;
    margin: 20px 0px;
  }
/* --------------------------  checkout --------------------------- */

#checkout {
    margin-top: 20px;
}
#checkout .checkout-box {
    padding: 0px 50px 80px;
}
@media (max-width: 576px) {
    #checkout-left {
        order: 6 !important;
    }
    #checkout-right {
        order: -1 !important;
    }
}
#checkout-left {
    width: 56.25%;
}
#checkout-left .shipping-address {
    border-right: 1px solid #EAECEF;
    padding-right: 54px;
}
#checkout-left h3.title, #checkout-right h3.title {
    font-weight: 500;
    color: #12151A;
    font-size: 20px;
    line-height: 20px;
}
#checkout-left .item-box .item{
    margin-bottom: 20px;
}
#checkout-left .item-box .item.item-row > div {
    flex: 1;
}
#checkout-left .item-box .item.item-row > div:nth-first-child(1) {
    margin-right: 10px;
}
#checkout-left .item-box .item.item-row > div:nth-last-child(1) {
    margin-left: 10px;
}
#checkout-left .item-box .item.item-row .form-input {
    width: 100%;
}
#checkout-left .item-box .item .item-title {
    color: #12151A;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}
#checkout-left .item-box .item .item-title .fill-in-chinese,
#checkout-left .item-box .item .item-title .fill-in-chinese-tw {
  color: #71708A;
}
#checkout-left .item-box .item .item-input .form-input {
    width: 100%;
    border: 1px solid #EAECEF;
    border-radius: 4px;
    max-width: 570px;
    height: 46px;
    line-height: 1;
    padding: 16px 20px; 
    box-sizing: border-box;
    color: #12151A
}
#checkout-left .item-box .item .item-input .form-input::read-only{
  color: #12151A
}
#checkout-left .item-box .item .item-input .form-input.required_error {
    border-color: #ed8380;
}
#checkout-left .item-box .item .tips {
    color: #848D99;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}
#checkout-left .item-box .item .error-tips,
#checkout-left .item-box .item .require-tips, 
#checkout-left .item-box .item .error-tips-cn,
#checkout-left .item-box .item .error-tips-invalid {
    margin-top: 5px;
    color: #FF453A;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: none;
}

/* billing information ---------------- start */
#checkout-left .billing-information {
    margin-top: 30px;
    margin-bottom: 60px;
    padding-right: 54px;
  }
  #checkout-left .billing-information h3.title {
    margin-bottom: 13px;
  }
  #checkout-left .billing-information .sub-title{
    margin-bottom: 10px;
  }
  #checkout-left .billing-information .item-box {
    border: 1px solid #e1e0ec;
    border-radius: 8px;
  }
  #checkout-left .billing-information .radios-item {
    border-radius: 4px;
    padding: 16px 20px;
  }
  #checkout-left .billing-information .label-right {
    color: #12151a;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
  }
  #checkout-left .billing-information .radios-item-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
  }
  #checkout-left .billing-information .radios-item-logo {
    color: #016d62;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
  }
  #checkout-left .billing-information .radios-item-text {
    color: #12151a;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
  }
  #checkout-left .billing-information .form-check-input {
    float: none;
    margin: 0px;
    width: 24px;
    height: 24px;
    outline: none;
    cursor: pointer;
    background-size: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjU3NDcwNyA1LjAzMjk4TDEuNDk3MTkgNC4wMTY0OEw1LjAwOTY0IDYuNjgyMjNMMTEuNjk3NCAwLjE3NzI0NkwxMi40MjU4IDAuNTYzMzI0TDUuMjMxMTIgOS44MjMxTDAuNTc0NzA3IDUuMDMyOThaIiBmaWxsPSIjRUFFQ0VGIi8+Cjwvc3ZnPgo=);
  }
  #checkout-left .billing-information .form-check-input:checked {
    background-color: #016d62;
    border-color: #016d62;
  }
  #checkout-left .billing-information .form-check-input:checked[type="radio"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2MzA4NiA1LjAzMjk4TDEuNTg1NTcgNC4wMTY0OEw1LjA5ODAyIDYuNjgyMjNMMTEuNzg1OCAwLjE3NzI0NkwxMi41MTQxIDAuNTYzMzI0TDUuMzE5NSA5LjgyMzFMMC42NjMwODYgNS4wMzI5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-size: 16px;
  }
  #checkout-left .billing-information .radios-item.has-select {
    background: rgba(63, 55, 255, 0.05) !important;
    border: 1px solid rgba(63, 55, 255, 0.396252) !important;
  }
  #checkout-left .billing-information .radios-item-label-content {
    margin-left: 10px;
    flex: 1;
  }
  #checkout-left .billing-information .different-box {
    padding: 0px 10px 20px;
    display: none;
  }
  #checkout-left .billing-information .shipping-address {
    border-right: none;
    padding-right: 0px;
  }
  #checkout-left .billing-information .different-box .item-box {
    border: none;
    border-radius: none;
  }
  #checkout-left .billing-information .different-box .item-box .item {
    margin-bottom: 20px;
  }
  #checkout-left
    .billing-information
    .different-box
    .item.item-row
    > div {
    flex: 1;
  }
  #checkout-left
    .billing-information
    .different-box
    .item.item-row
    > div:nth-first-child(1) {
    margin-right: 10px;
  }
  #checkout-left
    .billing-information
    .different-box
    .item.item-row
    > div:nth-last-child(1) {
    margin-left: 10px;
  }
  #checkout-left
    .billing-information
    .different-box
    .item.item-row
    .billing-form-input {
    width: 100%;
  }
  #checkout-left .billing-information .different-box .item-title {
    color: #12151a;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  #checkout-left
    .billing-information
    .different-box
    .item-input
    .billing-form-input {
    width: 100%;
    border: 1px solid #eaecef;
    border-radius: 4px;
    max-width: 570px;
    height: 46px;
    line-height: 1;
    padding: 16px 20px;
    box-sizing: border-box;
  }
  #checkout-left .billing-information .different-box .tips {
    color: #848d99;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
  }
  
  #checkout-left .billing-information .different-box .item-box .item .item-input .billing-form-input.required_error {
    border-color: #ed8380;
  }
  #checkout-left .billing-information .different-box .item-box .item .tips {
    color: #848D99;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
  }
  #checkout-left .billing-information .different-box .item-box .item .error-tips,
  #checkout-left .billing-information .different-box .item-box .item .require-tips {
    margin-top: 5px;
    color: #FF453A;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: none;
  }
  .eori-vat.item-box {
    padding-right: 54px;
  }
/* billing information ---------------- end */

#checkout-left .shipping-methods {
    margin-top: 60px;
    padding-right: 54px;
}
#checkout-left .shipping-methods .radios-item {
    margin-bottom: 20px;
    border: 1px solid #EAECEF;
    border-radius: 4px;
    padding: 16px 20px;
}
#checkout-left .shipping-methods .label-right {
    color: #12151A;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}
#checkout-left .shipping-methods .radios-item-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
#checkout-left .shipping-methods .radios-item-price {
    color: #016d62;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 8px;
}
#checkout-left .shipping-methods .radios-item-text {
    color: #12151A;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}
#checkout-left .shipping-methods .form-check-input{
    float: none;
    margin: 0px;
    width: 24px;
    height: 24px;
    outline: none;
    cursor: pointer;
    background-size: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjU3NDcwNyA1LjAzMjk4TDEuNDk3MTkgNC4wMTY0OEw1LjAwOTY0IDYuNjgyMjNMMTEuNjk3NCAwLjE3NzI0NkwxMi40MjU4IDAuNTYzMzI0TDUuMjMxMTIgOS44MjMxTDAuNTc0NzA3IDUuMDMyOThaIiBmaWxsPSIjRUFFQ0VGIi8+Cjwvc3ZnPgo=)
}
#checkout-left .shipping-methods .form-check-input:checked {
    background-color: #0b2e33;
    border-color: #0b2e33;
}
#checkout-left .shipping-methods .form-check-input:checked[type=radio] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2MzA4NiA1LjAzMjk4TDEuNTg1NTcgNC4wMTY0OEw1LjA5ODAyIDYuNjgyMjNMMTEuNzg1OCAwLjE3NzI0NkwxMi41MTQxIDAuNTYzMzI0TDUuMzE5NSA5LjgyMzFMMC42NjMwODYgNS4wMzI5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-size: 16px;
}
#checkout-left .shipping-methods .radios-item.has-select {
    background: rgba(63, 55, 255, 0.05) !important;
    border: 1px solid #016d62 !important;
}
#checkout-left .shipping-methods .radios-item-label-content {
    margin-left: 10px;
    flex: 1;
}
#checkout-left .next {
    margin-top: 30px;
}
#checkout-left .next .btn-next {
    background: #016d62;
    border-radius: 4px;
    padding: 20px;
    color: white;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    width: 180px;
    border: none;
}
#checkout-right {
    /* flex: 1; */
    width: 43.75%;
}
#checkout-right .order-summary {
    padding-left: 54px;
}
#checkout-right .cart-title {
    margin-top: 30px;
}
#checkout-right .cart-title .text {
    color: #12151A;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}
#checkout-right .cart-title .arrow {
    cursor: pointer;
}
#checkout-right .cart-title .arrow .arrow-up {
  transform: rotateX(180deg);
}
#checkout-right .cart-title .arrow .arrow-down {
    display: none; 
}
#checkout-right .cart-item-box .cart-content img {
    margin-right: 10px;
    max-width: 180px;
    height: auto;
}
#checkout-right .cart-item-box .cart-content p {
    color: #12151A;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}
#checkout-right .cart-item-box .cart-content {
    margin-bottom: 30px;
}
#checkout-right .cart-item-box .cart-subtotal-item {
    margin-bottom: 20px;
    color: #12151A;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}
#checkout-right .order-summary .cart-total {
    color: #016d62;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-align: right;
}
#checkout-right-m {
    width: 100%;
    color: #12151A;
}
#checkout-right-m .shopping-list {
    background: #f7f6ff;
    border-radius: 6px;
    padding: 20px 16px;
    margin-bottom: 40px;
}
#checkout-right-m .shopping-list .title{
    margin-bottom: 10px;
    color: #12151A;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
}
#checkout-right-m .shopping-list .list {
    border-top: 1px solid #e1e0ec;
    border-bottom: 1px solid #e1e0ec;
}
#checkout-right-m .shopping-list .list-img {
    margin: 10px 0px;
}
#checkout-right-m .shopping-list .img-item {
    width: 60px;
    height: auto;
    margin-right: 20px;
}
#checkout-right-m .shopping-list .img-item:last-child() {
    margin: 0;
}
#checkout-right-m .shopping-list .img-item img {
    width: 100%;
    height: 100%;
}
#checkout-right-m .offcanvas-header{
    font-size: 16px;
    line-height: 1;
}
#checkout-right-m .offcanvas-header .offcanvas-title {
    line-height: 1;
    font-size: 16px;
}
#checkout-right-m .offcanvas-body {
    padding: 0px 16px 20px;
    display: flex;
    flex-direction: column;
}
#checkout-right-m .offcanvas-body .list-box {
    flex-grow: 1;
    overflow-y: auto;
}
#checkout-right-m .offcanvas-body .list-box .list-item {
    margin-bottom: 20px;
}
#checkout-right-m .offcanvas-body .list-box .list-item-box {

}
#checkout-right-m .offcanvas-body .list-box .list-item-box .item-image {
    margin-right: 5px;
}
#checkout-right-m .offcanvas-body .list-box .list-item-box .item-image img {
    width: 60px;
    height: auto;
}
#checkout-right-m .offcanvas-body .list-box .list-item-box .item-content {
    font-size: 14px;
    color: #12151A;
}
#checkout-right-m .offcanvas-body .list-box .list-item-box .item-content .title-item h3 {
    font-size: 14px;

}
#checkout-right-m .offcanvas-body .divider {
    display: flex;
    align-items: center;
    margin: 16px 0;
    color: #969799;
    font-size: 14px;
    line-height: 24px;
    border: 0 solid #ebedf0;
}
#checkout-right-m .offcanvas-body .divider:before {
    content: "";
    display: block;
    flex: 1;
    box-sizing: border-box;
    height: 1px;
    border-color: inherit;
    border-style: inherit;
    border-width: 1px 0 0;
}
#checkout-right-m .offcanvas-body .price-text {
    color: #016d62;
    font-weight: 600;
}
#itemInCart {
  display: inline-block;
  margin-right: 4px;
}
#checkout-left .item-box .item.city-zip-code .zip-code-box {
  /* align-self: flex-end; */
}
@media (max-width: 991px) {
    #checkout {
        margin-top: 65px;
    }
    #checkout .checkout-box {
        padding: 30px 15px 60px;
    }
    #checkout-left {
        width: 100%;
    }
    #checkout-left .shipping-address {
        border-right: none;
        padding-right: 0px;
    }
    /* billing information ------------- start */
    #checkout-left .billing-information {
      margin-top: 30px;
      padding-right: 0px;
      margin-bottom: 30px;
    }
    #checkout-left .billing-information .radios-item {
      border-radius: 4px;
      padding: 12px 12px;
    }
    #checkout-left .billing-information .label-right {
      color: #12151a;
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
    }
    #checkout-left .billing-information .radios-item-label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      cursor: pointer;
    }
    #checkout-left .billing-information .radios-item-logo {
      color: #016d62;
      font-weight: 700;
      font-size: 14px;
      line-height: 14px;
    }
    #checkout-left .billing-information .radios-item-text {
      color: #12151a;
      font-weight: 400;
      font-size: 14px;
      line-height: 14px;
    }
    #checkout-left .billing-information .form-check-input {
      float: none;
      margin: 0px;
      width: 20px;
      height: 20px;
      outline: none;
    }
    #checkout-left .billing-information .form-check-input:checked {
      background-color: #016d62;
      border-color: #016d62;
    }
    #checkout-left .billing-information .form-check-input:checked[type="radio"] {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2MzA4NiA1LjAzMjk4TDEuNTg1NTcgNC4wMTY0OEw1LjA5ODAyIDYuNjgyMjNMMTEuNzg1OCAwLjE3NzI0NkwxMi41MTQxIDAuNTYzMzI0TDUuMzE5NSA5LjgyMzFMMC42NjMwODYgNS4wMzI5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
      background-size: 14px;
    }
    #checkout-left .billing-information .radios-item.has-select {
      background: rgba(63, 55, 255, 0.05) !important;
      border: 1px solid rgba(63, 55, 255, 0.396252) !important;
    }
    #checkout-left .billing-information .radios-item-label-content {
      margin-left: 10px;
      flex: 1;
    }
    #checkout-left
    .billing-information
    .different-box
    .item-input
    .billing-form-input {
        width: 100%;
        height: 40px;
        line-height: 1;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .eori-vat.item-box {
      padding-right: 0px;
    }
    /* billing information ------------- end*/
    #checkout-left h3.title, #checkout-right h3.title {
        font-size: 18px;
        line-height: 18px;
    }
    #checkout-left .item-box .item.item-row > div {
        flex: 1;
    }
    #checkout-left .item-box .item.item-row > div:nth-first-child(1) {
        margin-right: 2.5px;
    }
    #checkout-left .item-box .item.item-row > div:nth-last-child(1) {
        margin-left: 2.5px;
    }
    #checkout-left .item-box .item.item-row > div.country,
    #checkout-left .item-box .item.item-row > div.state-province {
      align-self: flex-end;
      width: 50%;
    }
    #checkout-left .item-box .item.item-row .form-input {
        width: 100%;
    }
    #checkout-left .item-box .item .item-title {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    #checkout-left .item-box .item .item-input .form-input {
        width: 100%;
        border: 1px solid #EAECEF;
        border-radius: 4px;
        max-width: 100%;
        height: 40px;
        line-height: 1;
        /* padding: 13px 10px;  */
        padding: 13px 22px 13px 10px;
        box-sizing: border-box;
    }
    #checkout-left .item-box .item .tips {
        color: #848D99;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-top: 5px;
    }
    #checkout-left .item-box .item .error-tips {
        margin-top: 5px;
        color: #FF453A;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
    }
    #checkout-left .shipping-methods {
        margin-top: 30px;
        padding-right: 0px;
    }
    #checkout-left .shipping-methods .radios-item {
        margin-bottom: 10px;
        border: 1px solid #EAECEF;
        border-radius: 4px;
        padding: 13px 10px;
    }
    #checkout-left .shipping-methods .label-right {
        color: #12151A;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }
    #checkout-left .shipping-methods .radios-item-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        cursor: pointer;
    }
    #checkout-left .shipping-methods .radios-item-price {
        color: #016d62;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    #checkout-left .shipping-methods .radios-item-text {
        color: #12151A;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
    }
    #checkout-left .shipping-methods .form-check-input{
        float: none;
        margin: 0px;
        width: 20px;
        height: 20px;
        outline: none;
        background-size: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjU3NDcwNyA1LjAzMjk4TDEuNDk3MTkgNC4wMTY0OEw1LjAwOTY0IDYuNjgyMjNMMTEuNjk3NCAwLjE3NzI0NkwxMi40MjU4IDAuNTYzMzI0TDUuMjMxMTIgOS44MjMxTDAuNTc0NzA3IDUuMDMyOThaIiBmaWxsPSIjRUFFQ0VGIi8+Cjwvc3ZnPgo=)
    }
    #checkout-left .shipping-methods .form-check-input:checked {
        background-color: #016d62;
        border-color: #016d62;
    }
    #checkout-left .shipping-methods .form-check-input:checked[type=radio] {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2MzA4NiA1LjAzMjk4TDEuNTg1NTcgNC4wMTY0OEw1LjA5ODAyIDYuNjgyMjNMMTEuNzg1OCAwLjE3NzI0NkwxMi41MTQxIDAuNTYzMzI0TDUuMzE5NSA5LjgyMzFMMC42NjMwODYgNS4wMzI5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
        background-size: 14px;
    }
    #checkout-left .shipping-methods .radios-item.has-select {
        background: rgba(63, 55, 255, 0.05) !important;
        border: 1px solid rgba(63, 55, 255, 0.396252) !important;
    }
    #checkout-left .shipping-methods .radios-item-label-content {
        margin-left: 10px;
    }
    #checkout-left .next {
        margin-top: 20px;
    }
    #checkout-left .next .btn-next {
        background: #016d62;
        border-radius: 4px;
        padding: 12px;
        color: #ffffff;
        font-size: 15px;
        line-height: 1;
        font-weight: 500;
        width: 100%;
        border: none;
    }
    #checkout-right {
        /* flex: 1; */
        width: 100%;
    }
    #checkout-right .order-summary {
        padding-left: 0px;
    }
    #checkout-right .cart-title {
        margin-top: 30px;
    }
    #checkout-right .cart-title .text {
        color: #12151A;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
    }
    #checkout-right .cart-item-box .cart-content img {
        margin-right: 10px;
        max-width: 180px;
        height: auto;
    }
    #checkout-right .cart-item-box .cart-content p {
        color: #12151A;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
    }
    #checkout-right .cart-item-box .cart-content {
        margin-bottom: 30px;
    }
    #checkout-right .cart-item-box .cart-subtotal-item {
        margin-bottom: 20px;
        color: #12151A;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
    }
    #checkout-right .order-summary .cart-total {
        color: #016d62;
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        text-align: right;
    }
    /* #checkout-left .item-box .item.city-zip-code {
      flex-direction: column;
    }
    #checkout-left .item-box .item.city-zip-code .city {
      margin-bottom: 20px;
    } */
}
@media (max-width: 765px) {
  #checkout-left .item-box .item.city-zip-code {
    flex-direction: column;
  }
  #checkout-left .item-box .item.city-zip-code .city {
    margin-bottom: 20px;
  }
}
/* ---------------------------  checkout --------------------------- */


/* ----------------------------------------------------------------- */
.one-wallet-footer {
    /* background: url("/assets/img/crypto-stripe1.svg") no-repeat,
      url("../img/one-wallet-footer-bg.svg") no-repeat,
      url("../img/crypto-stripe1.svg") no-repeat,
      linear-gradient(
        109.75deg,
        rgba(117, 84, 252, 0) 35.1%,
        rgba(117, 84, 252, 0.2) 99.39%
      ),
      linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
      #016d62;
    background-position: top left, bottom, bottom right -26%, center;
    background-size: auto;
    animation: starFooter 2.5s ease-in infinite; */
    background: linear-gradient(336deg, #0b2e33 35.1%, #016d62 99.39%);
    background-position: center;
  }
  @media (min-width: 991px){
    @keyframes starFooter {
      0% {
        background: 
          url("../img/one-wallet-footer-bg.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat;
        background-position: bottom, top left, bottom right -26%, center;
        background-size: auto;
      }
      50% {
        background: 
          url("../img/one-wallet-footer-bg2.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat;
        background-position: bottom, top left, bottom right -26%, center;
        background-size: auto;
      }
      100% {
        background: 
          url("../img/one-wallet-footer-bg.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat,
          url("../img/crypto-stripe1.svg") no-repeat;
          background-position: bottom, top left,  bottom right -26%, center;
          background-size: auto;
      }
    } 
  }
  /* ----one-wallet---- */
  #one-wallet .one-wallet {
    text-align: center;
    max-width: 800px;
    margin: 48px auto;
  }
  #one-wallet .one-wallet .sfp-logo .logo-box {
    animation-duration: 4s;
    animation-iteration-count: infinite;
  }
  #one-wallet .one-wallet .title {
    margin-bottom: 48px;
  }
  #one-wallet .one-wallet .title h3 {
    color: #ffffff;
    font-weight: 1000;
    font-size: 80px;
    line-height: 1;
    text-align: center;
  }
  #one-wallet .one-wallet .download .set-off-btn {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    background: linear-gradient(
      183.08deg,
      rgba(191, 255, 228, 0.2) 43.82%,
      rgba(191, 255, 228, 0) 111.17%
    );
    border-radius: 100px;
    padding: 10px;
  }
  #one-wallet .one-wallet .download .downloads-btn {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    color: #0d0b33;
    font-size: 18px;
    padding: 16px 24px;
    border-radius: 100px;
    background-color: #016d62;
    line-height: 1.6;
    border: none;
  }
  @media (max-width: 991px) {
    .one-wallet-footer {
      background: 
        linear-gradient(
          109.75deg,
          rgba(117, 84, 252, 0) 35.1%,
          rgba(117, 84, 252, 0.2) 99.39%
        ),
        linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
        #016d62;
    }
    #one-wallet .one-wallet {
      max-width: 100%;
      padding: 0px 16px;
    }
    #one-wallet .one-wallet .title h3 {
      font-size: 48px;
    }
    #one-wallet .one-wallet .download .downloads-btn {
      font-weight: 500;
    }
  }
  /*--------------------------------------------------------------
  # Sections
  --------------------------------------------------------------*/
  section {
    overflow: hidden;
  }
  button {
    font-weight: 700 !important;
  }