/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .pricing-block .pricing-card {

    padding: 30px;

    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

    text-align: center;

    transition: all 0.3s ease;
    border-radius: 5px;

}
.pricing-holder{display: grid; gap:30px; grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));}

.pricing-title {font-size: 30px;margin: 15px 0;}

.pricing-title .price-amount {

    font-size: 40px;

    display: block;

    font-weight: 700;

    color: var(--primary-color);

}
.pricing-title .price-amount>span{display: inline-flex;align-items:center;}
.pricing-title .price-amount del{font-size: 20px;color: var(--grey-color);margin-right: 10px;}
.pricing-block .pricing-card ul {

    margin: 0 0 40px;

    padding: 0;

    list-style: none;

}
mark, ins{background: none !important;}

.pricing-block .pricing-card ul li {

/*    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0 0 15px;*/
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    text-align: left;
}
.pricing-block .pricing-card ul li:before{font-family: 'FontAwesome'; content: "\f00c"; margin-right: 10px; color: var(--secondary-color);}

a.btn.pricing-btn {
    background: var(--secondary-color);
    color: #fff !important;
    width: 100%;
    border-radius: 5px;
}
a.btn.pricing-btn:hover{background: var(--dark-color);}

.pricing-block .pricing-card:hover {
    background: var(--primary-color);
    color: #fff;
}
.pricing-block .pricing-card:hover h4{color: #fff;}

.pricing-block .pricing-card:hover .pricing-title span{color: #fff;}


.woocommerce-notices-wrapper{position: fixed;
    bottom: 0;
    left: 0;
    right: 0;}
.woocommerce-message{margin: 0;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width: inherit;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{max-width: inherit;}

.form-row{display: block !important;}
.woocommerce-checkout #payment ul.payment_methods li input{height: auto;}
.woocommerce ul.order_details{border: 1px dashed #ccc;padding: 20px;}


@media(max-width: 767px){
    .pricing-holder{grid-template-columns: 1fr;}
    }