.elementor-10420 .elementor-element.elementor-element-7755a3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10420 .elementor-element.elementor-element-6b9440e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10420 .elementor-element.elementor-element-51f14ec > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-10420 .elementor-element.elementor-element-1c13bf9 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-10420 .elementor-element.elementor-element-39d8d93{text-align:center;}.elementor-10420 .elementor-element.elementor-element-9839ea4 > .elementor-widget-container{margin:3px 3px 3px 3px;padding:15px 15px 15px 15px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#3C81FC;border-radius:5px 5px 5px 5px;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group > label{font-family:"Droid Arabic Kufi", Sans-serif;font-size:1em;font-weight:400;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-type-html{padding-bottom:0px;color:#7A7A7A;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group .elementor-field{color:#000000;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group .elementor-field, .elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-subgroup label{font-family:"Droid Arabic Kufi", Sans-serif;font-size:1.1em;font-weight:400;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-button{font-family:"Droid Arabic Kufi", Sans-serif;font-size:1.1em;font-weight:600;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .e-form__buttons__wrapper__button-next{background-color:#61CE70;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-button[type="submit"]{background-color:#61CE70;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-10420 .elementor-element.elementor-element-9839ea4 .elementor-message.elementor-message-danger{color:#FF4A4A;}.elementor-10420 .elementor-element.elementor-element-9839ea4{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10420 .elementor-element.elementor-element-573a5ec{--wd-brd-radius:0px;}.elementor-10420 .elementor-element.elementor-element-1bcc46b .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(min-width:769px){.elementor-10420 .elementor-element.elementor-element-7755a3a{--content-width:600px;}}/* Start custom CSS for html, class: .elementor-element-1c13bf9 *//* Import Droid Arabic Kufi Font */
@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');

/* Global Font Setting */
.es-quantity-offers,
.es-quantity-offers *,
#PricePreview,
#PricePreview * {
    font-family: 'Droid Arabic Kufi', 'Arial', sans-serif !important;
}

/* Quantity Offers Styling */
.es-quantity-offers {
    max-width: 100%;
    margin: 0 auto 20px;
    direction: rtl;
}
.preview-offer {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}
.preview-offer.selected {
    border-color: #1e88e5; /* Changed from green to blue */
    background-color: rgba(30, 136, 229, 0.05); /* Changed from green to blue */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.offer-image {
    width: 55px;
    height: 55px;
    object-fit: cover;
    margin-left: 15px;
    border-radius: 5px;
}
.offer-details {
    flex-grow: 1;
    padding: 0 10px;
}
.offer-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.offer-badge {
    display: inline-block;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    background-color: #ff9800;
    color: white;
}
.pricing {
    text-align: left;
    margin-left: 15px;
    min-width: 70px;
}
.compare-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}
.sale-price {
    font-weight: bold;
    font-size: 22px;
    color: #1e88e5; /* Changed from green to blue */
}

/* PricePreview Styling - Modernized */
#PricePreview {
    text-align: center;
    padding: 16px 20px;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    direction: rtl;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Add modern accent line */
#PricePreview:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
    background: #1e88e5; /* Blue accent */
}

/* Price container */
.price-container {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Current price - blue, enhanced design */
#PricePreview .current-price {
    color: #1e88e5; /* Changed from green to blue */
    font-size: 42px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.1;
    margin-left: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
    position: relative;
}

/* Old price - RED, strikethrough with enhanced styling */
#PricePreview .old-price {
    color: #e93737;
    font-size: 26px;
    font-weight: 500;
    text-decoration: line-through;
    display: inline-block;
    line-height: 1.1;
    opacity: 0.9;
    position: relative;
}

/* Currency text */
#PricePreview .current-price .currency,
#PricePreview .old-price .currency {
    display: inline-block;
    margin-right: 2px;
    font-size: 70%;
    vertical-align: baseline;
    content: "DH";
}

/* Enhanced flash animation when price changes */
@keyframes priceFlash {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

/* Apply enhanced animation when price changes */
#PricePreview.updated .current-price {
    animation: priceFlash 0.5s ease;
}

/* Form Input Styling */
.elementor-field-textual {
    direction: rtl;
    text-align: right;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    margin-bottom: 10px;
    font-family: 'Droid Arabic Kufi', 'Arial', sans-serif !important;
}

/* Button styling updated to blue */
.elementor-button {
    width: 100%;
    padding: 15px !important;
    background-color: #1e88e5 !important; /* Changed from green to blue */
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    font-family: 'Droid Arabic Kufi', 'Arial', sans-serif !important;
    box-shadow: 0 4px 10px rgba(30, 136, 229, 0.3) !important; /* Added subtle shadow */
}
.elementor-button:hover {
    background-color: #1565c0 !important; /* Darker blue on hover */
    transform: translateY(-2px) !important; /* Slight lift effect on hover */
}

/* RTL support */
html[dir="rtl"] .pricing {
    text-align: right;
    margin-left: 0;
    margin-right: 15px;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
    .preview-offer {
        /* Maintain horizontal layout even on mobile */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 12px;
        align-items: center;
    }
    
    .offer-image {
        width: 50px;
        height: 50px;
        margin-left: 10px;
        flex-shrink: 0;
    }
    
    .offer-details {
        flex: 1;
        min-width: 0; /* Allow text to truncate if needed */
        padding: 0 5px;
    }
    
    .pricing {
        min-width: 70px;
        text-align: left;
        margin-left: 0;
        flex-shrink: 0;
    }
    
    .offer-title {
        font-size: 14px;
        line-height: 1.3;
        /* Allow title to truncate with ellipsis if needed */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .sale-price {
        font-size: 18px;
    }
    
    .compare-price {
        font-size: 14px;
    }
    
    .offer-badge {
        font-size: 10px;
        padding: 2px 5px;
    }
    
    .elementor-button-text {
        font-size: 16px !important;
    }
    
    #PricePreview .current-price {
        font-size: 36px; /* Adjusted for mobile */
    }
    
    #PricePreview .old-price {
        font-size: 24px;
    }
    
    #PricePreview {
        padding: 12px 16px; /* Slightly smaller padding on mobile */
    }
}

/* Extra small devices (phones, 480px and down) */
@media (max-width: 480px) {
    .preview-offer {
        padding: 10px;
    }
    
    .offer-image {
        width: 45px;
        height: 45px;
    }
    
    .offer-title {
        font-size: 12px;
    }
    
    .sale-price {
        font-size: 18px;
    }
    
    .compare-price {
        font-size: 12px;
    }
    
    #PricePreview .current-price {
        font-size: 34px;
    }
    
    #PricePreview .old-price {
        font-size: 22px;
    }
}

/* Fix for RTL on mobile */
@media (max-width: 767px) {
    html[dir="rtl"] .pricing {
        text-align: left; /* Keep price left-aligned on mobile */
        margin-right: 0;
    }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9839ea4 *//* Order review heading */
#order_review_heading{
	display:none !important;
}

/* Paragraph */
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p{
	display:none;
	visibility:visible;
}

/* Product name */
.woocommerce-checkout-review-order-table tr .product-name{
	display:none;
}

/* Th */
.woocommerce-checkout-review-order-table .cart-subtotal th{
	display:none;
}

/* Th */
.woocommerce-checkout-review-order-table .order-total th{
	display:none;
}

/* Product total */
.woocommerce-checkout-review-order-table tr .product-total{
	display:none;
}

/* Table Data */
.woocommerce-checkout-review-order-table .cart-subtotal td{
	display:none;
}

/* Strong Tag */
.order-total td strong{
	display:none;
}

/* Woocommerce checkout review order table */
#order_review .wd-table-wrapper .woocommerce-checkout-review-order-table{
	display:none;
}

/* Table wrapper */
#order_review .wd-table-wrapper{
	visibility:hidden;
	display:none;
}

/* Heading */
#customer_details .woocommerce-additional-fields h3{
	display:none;
}

/* List */
#payment ul{
	display:none;
}

/* Item */
.wcf-qty-options .wcf-qty-table-titles .wcf-item{
	display:none;
}

/* Header */
.wcf-qty-options .wcf-qty-table-titles .wcf-qty-header{
	display:none;
}

/* Table titles */
.wcf-product-option-after-customer .wcf-qty-options .wcf-qty-table-titles{
	display:none;
}

/* Billing first name field */
#billing_first_name_field{
	margin-bottom:0px;
}

/* Billing phone field */
#billing_phone_field{
	margin-bottom:0px;
}

/* Billing city field */
#billing_city_field{
	margin-bottom:0px;
}

/* Your products heading */
#your_products_heading{
	padding-bottom:8px !important;
	margin-top:5px !important;
}

/* Row 10081 */
.wcf-product-option-after-customer .wcf-qty-options .wcf-qty-row-10081{
	padding-top:1px;
	padding-bottom:1px;
}

/* Billing phone */
#billing_phone{
	text-align:right;
}

/* Button */
#place_order{
	letter-spacing:0px !important;
}

/* Woocommerce terms and conditions wrapper */
#payment .place-order .woocommerce-terms-and-conditions-wrapper{
	display:none;
	
}/* End custom CSS */