.elementor-3019 .elementor-element.elementor-element-a4255d2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for shortcode, class: .elementor-element-cdce73c */.account { background: linear-gradient(135deg, rgba(20, 158, 189, 0.9), rgba(72, 209, 204, 0.9)); padding: 60px 40px; border-radius: 20px; max-width: 600px; /* بزرگ‌تر شد */ margin: 50px auto; box-shadow: 0 15px 50px rgba(0,0,0,0.25); } .account .frm_form_fields input, .account .frm_form_fields textarea, .account .frm_form_fields select { border-radius: 10px; border: 1px solid #00D9A6; padding: 14px 18px; margin-bottom: 15px; width: 100%; box-sizing: border-box; font-size: 16px; }
.account .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.account .frm_style_formidable-style.with_frm_style input[type=submit],
.account .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.account .frm_style_formidable-style.with_frm_style .frm_submit button,
.account .frm_form_submit_style,
.account .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    width: 100%; /* دکمه‌ها و فیلدها در وسط قرار می‌گیرند */
    font-size: 14px;
    height: auto;
    line-height: normal;
    text-align: center; /* مرکز قرار دادن متن دکمه‌ها */
    background-color: #ffffff !important; /* رنگ پس‌زمینه دکمه سفید */
    border: 1px solid #00D9A6 !important; /* رنگ مرز به رنگ اصلی فرم */
    color: #00D9A6 !important; /* رنگ متن دکمه هماهنگ با فرم */
    cursor: pointer;
    font-weight: bold;
    border-radius: 8px;
    text-shadow: none;
    padding: 12px 25px; /* فضای داخلی دکمه بیشتر شد */
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه نرم برای دکمه */
    margin: 10px 0; /* فاصله افقی و عمودی */
    vertical-align: middle;
    display: inline-block; /* دکمه‌ها به صورت خطی نمایش داده می‌شوند */
    transition: background-color 0.3s ease, transform 0.3s ease; /* افکت برای رنگ و حرکت دکمه */
}

/* تغییرات هنگام هاور */
.account .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.account .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.account .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.account .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover {
    background-color: #00D9A6 !important; /* رنگ پس‌زمینه در هاور به رنگ اصلی فرم تغییر می‌کند */
    border-color: #00D9A6 !important; /* تغییر رنگ مرز در هاور */
    color: #ffffff !important; /* رنگ متن سفید در هاور */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* سایه بیشتر در هاور */
    transform: translateY(-3px); /* حرکت دکمه به بالا در هاور */
}/* End custom CSS */