.elementor-213 .elementor-element.elementor-element-e4e72cf:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-e4e72cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://almostafa-sa.com/wp-content/uploads/2026/03/Rectangle-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-213 .elementor-element.elementor-element-e4e72cf > .elementor-background-overlay{background-color:#000000;opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-213 .elementor-element.elementor-element-e4e72cf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-213 .elementor-element.elementor-element-5a3a149{text-align:center;}.elementor-213 .elementor-element.elementor-element-5a3a149 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-b8a5d98 );}.elementor-213 .elementor-element.elementor-element-47494e0{padding:100px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-213 .elementor-element.elementor-element-ad921dd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-213 .elementor-element.elementor-element-ad921dd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-213 .elementor-element.elementor-element-d340717 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-213 .elementor-element.elementor-element-1781be7{text-align:justify;font-family:"Almarai", Sans-serif;font-size:15px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button{background-color:#C69453;fill:var( --e-global-color-b8a5d98 );color:var( --e-global-color-b8a5d98 );border-radius:100px 100px 100px 100px;padding:16px 30px 16px 30px;}.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button:hover, .elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-b8a5d98 );border-color:var( --e-global-color-primary );}.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button:hover svg, .elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button:focus svg{fill:var( --e-global-color-b8a5d98 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-213 .elementor-element.elementor-element-a113a1e img{width:100%;max-width:100%;border-radius:10px 10px 10px 10px;}/* Start custom CSS for button, class: .elementor-element-0a2e489 *//* 1. إعداد هيكل الزر الأساسي */
.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 25px !important;
    position: relative !important;
}

/* 2. التحكم في مكان الأيقونة وترتيبها */
.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important; /* الأيقونة يمين، النص يسار */
    width: 100% !important;
}

/* 3. تنسيق الدائرة البيضاء */
.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-icon {
    background-color: white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 15px !important; /* مسافة بين النص والدائرة */
    flex-shrink: 0 !important;
}

/* 4. تنسيق السهم داخل الدائرة */
.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-icon i {
    color:#C69453 !important; 
    font-size:25px !important;
    margin: 0 !important;
}

/* 5. توسيط النص في المساحة المتبقية */
.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-text {
    flex-grow: 1 !important;
    text-align: center !important;
    /* إضافة هامش بسيط لتعويض عرض الدائرة وضمان التوسيط البصري */
    padding-left: 36px !important; 
}

.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button-text {
    flex-grow: 1 !important;
    text-align: center !important;
    padding-left: 0 !important; 
}

.elementor-213 .elementor-element.elementor-element-0a2e489 .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px 10px 10px !important;
    position: relative !important;
}/* End custom CSS */