body{
    font-family: vazirmatn;
    direction: rtl;
}

.page_title_container{
    margin: 100px auto 0 auto;

    font-family: kalameh;
    font-size: 30px;
    color: #222;
    font-weight: 800;
    text-align: center;

}
.page_content_container{
    max-width: 1170px;
    /* background-color: bisque; */

    margin: 30px auto 0 auto;
}















.wp-block-woocommerce-checkout-order-summary-block{
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img{
    -webkit-mask-image: url(../../images/carousel_book_cover.svg);
    mask-image: url(../../images/carousel_book_cover.svg);

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


/* 
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{
    display: flex;
    flex-flow: column;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width: 100% !important;
}

#billing_city_field{
    order: 1;
}

#billing_postcode_field, #billing_phone_field, #billing_email_field{
    order: 1;
} */





.woocommerce form .form-row .woocommerce-input-wrapper .description{
	top:15px;
	padding: 5px !important
}






/*-------------- old style ---------------*/


.checkout_coupon #coupon_code{
    border-radius: 5px;
    padding: 0 10px;
    font-family: vazirmatn;
    border: 1px solid #2225 !important;


    height: 38px;
    font-size: 16px;
}

.checkout_coupon .form-row{
    float: unset !important;
    width: unset !important;
}

.checkout_coupon .form-row button{
    height: 38px;
    background-color: #222 !important;
    color: #fff !important;
    
    border-radius: 5px !important;
}

.woocommerce-checkout #customer_details{
    width: 48%;
    float: right;
}

.woocommerce-checkout #customer_details .col-1{
    width: 100%;
    float: unset;
}

.woocommerce-checkout #customer_details .col-2{
    width: 100%;
    float: unset;

    margin-top: 20px;
}

.woocommerce-checkout #customer_details .col-2 textarea{
    font-family: vazirmatn;
}

.woocommerce-checkout #customer_details input{
    border-radius: 5px;
    padding: 0 10px;
    font-family: vazirmatn;
    border: 1px solid #2225 !important;


    height: 38px;
    font-size: 16px;
}

.select2-container .select2-selection--single{
    height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 34px !important;
}

.woocommerce-checkout #order_review_heading{
    width: 48%;
    float: left;
}

.woocommerce-checkout .woocommerce-checkout-review-order{
    width: 48%;
    float: left;

    margin-top: 15px;
}


.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table{
    border: 1px solid #2225 !important;
}

.woocommerce table.shop_table td{
    border-top: 1px solid #2225 !important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
    border-top: 1px solid #2225 !important;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background-color: #f4f4f4 !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: #e4e4e4 !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    border-bottom-color: #e4e4e4 !important;
}

.place-order .button{
    height: 38px;
    background-color: #222 !important;
    color: #fff !important;
    margin-right: 5px !important;
    border-radius: 5px !important;
}



/*-------------------- befor bank pay -------------*/

.order_details{
    display: inline-block;
    text-align: center;
    position: relative;
    right: 50%;
    transform: translateX(50%);
}

.order_details+form{
    width: 300px;
    margin: auto;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;

    justify-content: center;
}

.order_details+form .button{
    display: block !important;
    height: 38px !important;
    background-color: #222 !important;
    color: #fff !important;
    margin-right: 5px !important;
    border-radius: 5px !important;

    padding: 0px 15px !important;

    line-height: 38px !important;

    font-family: vazirmatn !important;
    font-size: 16px !important;
    font-weight: bold !important;
}










.clear{
    clear: both;
}



@media (max-width: 1170px ) {
    .page_content_container{
        width: 90%;
    }





    .woocommerce-checkout #customer_details{
        width: 100%;
    }

    .woocommerce-checkout #order_review_heading{
        width: 100%;
    }

    .woocommerce-checkout .woocommerce-checkout-review-order{
        width: 100%;
    }


    










    .order_details{
        display: inline-block;
        text-align: center;
        position: unset;
        right: unset;
        transform: unset;

        width: 100%;
    }

    .woocommerce ul.order_details li{
        float: unset !important;
        margin-left: unset !important;
        padding-left: unset !important;
        border: unset !important;
        margin-bottom: 20px !important;
    }
    .woocommerce ul.order_details li strong{
        margin-top: 10px !important;
    }









}