/*
checkout steps
*/

.ace-cart-checkout-steps-wrap{
    margin: 15px 0
}

.ace-ccs-content-wrap{
    width: 100%;
    position: relative;
}

.ace-ccs-content-wrap.has-go-back-to-shop-link{
}

.go-back-to-shop-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 200px
}

.go-back-to-shop-wrap a{
    text-align: left;
    letter-spacing: 0px;
    color: #01CF6A;
    font-size: 20px;
    line-height: 23px;
    font-family: var(--body-font) !important;
    font-weight: 600
}

.ace-ccs-menu-wrap{
    width: 100%;
    margin: auto
}

.ace-ccs-menu-wrap ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.ace-ccs-menu-wrap ul li{
    list-style-type: none;
    padding: 0 15px
}

.ace-ccs-menu-wrap ul li a{
    text-align: left;
    letter-spacing: 0px;
    color: #8E8E8E;
    font-size: 20px;
    line-height: 26px;
    font-family: var(--body-font) !important;
    font-weight: 600;
    position: relative;
    margin-right: 30px;
}

.ace-ccs-menu-wrap ul li.wc-thank-you-page-link a{
    cursor: not-allowed
}

.ace-ccs-menu-wrap ul li:last-child a{
    margin-right: 0;
}

.ace-ccs-menu-wrap ul li.current-menu-item a{
    color: #3A3A3A;
}

.ace-ccs-menu-wrap ul li a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 20px;
    font-size: 10px;
    position: absolute;
    right: -48px;
    color: #8E8E8E;
}

.ace-ccs-menu-wrap ul li:last-child a:after{
    display: none
}

@media screen and ( min-width: 1440px ){
   
}

@media screen and (max-width: 1130px){
    .go-back-to-shop-wrap {
        position: static;
        margin-bottom: 30px
    }
}

@media screen and ( max-width: 1100px ){
   
}

@media screen and ( max-width: 767px ){
    .ace-ccs-menu-wrap ul li a {
        font-size: 16px;
        line-height: 1.2;
        margin-right: 15px;
    }
    
    .ace-ccs-menu-wrap ul li a:after{
        right: -40px;
        top: 2px;
    }
    
    .go-back-to-shop-wrap a{
        font-size: 16px;
        line-height: 1.2;
    }    
}

@media screen and ( max-width: 767px ){
}