.elementor-526 .elementor-element.elementor-element-2a427d6:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-2a427d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a12c497 );}.elementor-526 .elementor-element.elementor-element-2a427d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-526 .elementor-element.elementor-element-2a427d6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-d4cc0ab *//* ==========================================
   MONEY COURSE CHECKOUT
   SCOPED CSS ONLY
   ========================================== */

/* 
   ضع الكود داخل Elementor في نفس الـContainer
   الذي يحتوي على [woocommerce_checkout]
   
   وأعطه CSS Class:
   money-checkout-page
*/


.money-checkout-page {
    direction: rtl;
    font-family: "Readex Pro", sans-serif;
    color: #fff;
}


/* ==========================================
   MAIN CHECKOUT
   ========================================== */

.money-checkout-page .woocommerce {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* ==========================================
   CUSTOMER FORM
   ========================================== */

.money-checkout-page .woocommerce-checkout #customer_details {

    background: #111;

    border: 1px solid #292929;

    border-radius: 18px;

    padding: 28px;

}


/* ==========================================
   ORDER REVIEW
   ========================================== */

.money-checkout-page
.woocommerce-checkout-review-order {

    background: #111;

    border: 1px solid #292929;

    border-radius: 18px;

    padding: 25px;

}


/* ==========================================
   TITLES
   ========================================== */

.money-checkout-page
.woocommerce-checkout h3 {

    color: #fff;

    font-family: "Readex Pro", sans-serif;

    font-size: 21px;

    font-weight: 800;

    margin-bottom: 20px;

}


/* ==========================================
   LABELS
   ========================================== */

.money-checkout-page
.woocommerce-checkout label {

    color: #ddd;

    font-family: "Readex Pro", sans-serif;

    font-size: 14px;

}


/* ==========================================
   INPUTS
   ========================================== */

.money-checkout-page
.woocommerce-checkout input.input-text,
.money-checkout-page
.woocommerce-checkout input[type="email"],
.money-checkout-page
.woocommerce-checkout input[type="tel"],
.money-checkout-page
.woocommerce-checkout input[type="text"] {

    width: 100%;

    min-height: 52px;

    background: #090909;

    color: #fff;

    border: 1px solid #333;

    border-radius: 10px;

    padding: 12px 15px;

    font-family: "Readex Pro", sans-serif;

}


/* ==========================================
   INPUT FOCUS
   ========================================== */

.money-checkout-page
.woocommerce-checkout input:focus {

    border-color: #e50914;

    outline: none;

    box-shadow:
        0 0 0 2px
        rgba(229, 9, 20, .12);

}


/* ==========================================
   ORDER TABLE
   ========================================== */

.money-checkout-page
.woocommerce-checkout-review-order-table {

    width: 100%;

    background: transparent;

    border: 0;

    color: #fff;

}


.money-checkout-page
.woocommerce-checkout-review-order-table th,
.money-checkout-page
.woocommerce-checkout-review-order-table td {

    background: transparent;

    color: #ddd;

    border-color: #292929;

    padding: 14px 5px;

}


/* ==========================================
   PRICES
   ========================================== */

.money-checkout-page
.woocommerce-checkout-review-order-table
.amount {

    color: #20d66b;

    font-weight: 800;

}


/* ==========================================
   TOTAL
   ========================================== */

.money-checkout-page
.woocommerce-checkout-review-order-table
.order-total {

    font-size: 20px;

    font-weight: 800;

}


.money-checkout-page
.woocommerce-checkout-review-order-table
.order-total .amount {

    color: #20d66b;

    font-size: 22px;

}


/* ==========================================
   PAYMENT AREA
   ========================================== */

.money-checkout-page
.woocommerce-checkout #payment {

    margin-top: 20px;

    background: transparent;

}


/* ==========================================
   PAYMENT METHODS
   ========================================== */

.money-checkout-page
.woocommerce-checkout #payment
.wc_payment_method {

    background: #090909;

    border: 1px solid #292929;

    border-radius: 12px;

    padding: 16px;

    margin-bottom: 10px;

}


.money-checkout-page
.woocommerce-checkout #payment
.wc_payment_method label {

    color: #fff;

    font-weight: 700;

}


/* ==========================================
   PAYMENT DETAILS
   ========================================== */

.money-checkout-page
.woocommerce-checkout #payment
.payment_box {

    background: #151515;

    color: #aaa;

    border-radius: 10px;

    margin-top: 12px;

    padding: 15px;

}


/* ==========================================
   PLACE ORDER
   ========================================== */

.money-checkout-page
.woocommerce-checkout
#place_order {

    width: 100%;

    min-height: 55px;

    background:
        linear-gradient(
            135deg,
            #ff1717,
            #d90000
        );

    color: #fff;

    border: 0;

    border-radius: 12px;

    font-family: "Readex Pro", sans-serif;

    font-size: 18px;

    font-weight: 800;

    cursor: pointer;

    margin-top: 15px;

}


.money-checkout-page
.woocommerce-checkout
#place_order:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(255, 0, 0, .25);

}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .money-checkout-page
    .woocommerce-checkout #customer_details {

        padding: 20px;

        border-radius: 15px;

    }

    .money-checkout-page
    .woocommerce-checkout-review-order {

        padding: 20px;

        border-radius: 15px;

    }

}/* End custom CSS */