.elementor-10 .elementor-element.elementor-element-d142429{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-10 .elementor-element.elementor-element-d142429:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d142429 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5C5C559;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-d142429{--width:95%;}}/* Start custom CSS for container, class: .elementor-element-d142429 *//* ======================================================
 * ۱. استایلینگ ظاهری کارت (Section/Column)
 * (این استایل‌ها فقط زیبایی را هدف قرار می‌دهند)
 * ====================================================== */
.elementor-10 .elementor-element.elementor-element-d142429 {
    /* وسط‌چین کردن افقی المان با استفاده از margin: auto */
    margin-right: auto;
    margin-left: auto;
    
    /* رنگ و کادر کارت */
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.05); 
    
    /* سایه برند پوک با عمق دو‌گانه */
    box-shadow:
        0 8px 20px rgba(0,0,0,0.08),
        0 16px 40px rgba(31,43,117,0.06); 
    
    padding: 40px 30px;
    transition: box-shadow 0.3s ease;

    /* ⚠️ نکته: اگر المان والد (مثلاً ستون) عرض کامل صفحه را نگیرد، این وسط‌چین کار می‌کند. */
    /* اگر این کد وسط‌چین نکرد، باید عرض ستون را در تنظیمات المنتور کم کنید. */
}

/* استایل شناور (Hover) */
.elementor-10 .elementor-element.elementor-element-d142429:hover {
    box-shadow:
        0 12px 30px rgba(0,0,0,0.12),
        0 20px 50px rgba(31,43,117,0.1);
}/* End custom CSS */