.elementor-10581 .elementor-element.elementor-element-fa5d35f{--display:flex;--min-height:15vh;--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;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10581 .elementor-element.elementor-element-fa5d35f:not(.elementor-motion-effects-element-type-background), .elementor-10581 .elementor-element.elementor-element-fa5d35f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10581 .elementor-element.elementor-element-a30b153{--display:flex;}#elementor-popup-modal-10581{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-10581 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-10581 .dialog-close-button{display:flex;}#elementor-popup-modal-10581 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-10581 .elementor-element.elementor-element-fa5d35f{--content-width:500px;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-10581 .elementor-element.elementor-element-fa5d35f{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-a3bad64 *//* استایل کلی کانتینر */
.call_button {
    background: linear-gradient(135deg, #0a3d2e, #0f6b4c);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    margin: 0 auto;
    font-family: 'IranSans', Tahoma, Arial, sans-serif;
    direction: rtl;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* افکت هاور برای کانتینر */
.call_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

/* استایل فیلد ورودی شماره موبایل */
.call_button input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    background-color: #ffffff;
    color: #333;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 12px;
    direction: ltr;
    text-align: center;
}

.call_button input[type="text"]:focus {
    border-color: #00bfa5;
    box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.2);
}

/* استایل دکمه "تماس" */
.call_button .button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #00bfa5, #0097a7);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 151, 167, 0.3);
    font-family: 'IranSans', Tahoma, Arial, sans-serif;
}

.call_button .button:hover {
    background: linear-gradient(135deg, #0097a7, #00796b);
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 151, 167, 0.4);
}

/* افکت لرزش برای دکمه در هاور (اختیاری) */
.call_button .button:active {
    transform: scale(0.98) translateY(2px);
}

/* استایل متن بالای فیلد */
.call_button label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #ffffff;
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a30b153 */.elementor-10581 .elementor-element.elementor-element-a30b153{
    backdrop-filter:
    blur(8px);
    -webkit-backdrop-filter: blur(8px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa5d35f *//* استایل دکمه بستن با دایره قرمز و ضربدر سفید */
.dialog-close-button.dialog-lightbox-close-button {
    position: absolute;
    top: -10px;
    right: 50%;
    width: 36px;
    height: 36px;
    background: #e53935; /* قرمز زنده */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    z-index: 10;
    border: 2px solid white;
    padding: 0;
}

/* استایل SVG داخل دکمه (ضربدر) */
.dialog-close-button.dialog-lightbox-close-button svg {
    width: 20px;
    height: 20px;
    fill: white; /* رنگ ضربدر سفید */
    transition: transform 0.2s ease;
}

/* افکت هاور: دایره تیره‌تر و ضربدر بزرگ‌تر */
.dialog-close-button.dialog-lightbox-close-button:hover {
    background: #c62828; /* قرمز تیره‌تر */
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dialog-close-button.dialog-lightbox-close-button:hover svg {
    transform: scale(1.1);
    fill: #ffffff;
}

/* افکت فشار دادن */
.dialog-close-button.dialog-lightbox-close-button:active {
    transform: scale(0.95);
}

/* اگر بخوای در صورت hover، ضربدر لرزش داشته باشه */
.dialog-close-button.dialog-lightbox-close-button:hover svg {
    animation: pulse 0.5s ease-in-out infinite alternate;
}

@keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(1.1) rotate(5deg); }
}/* End custom CSS */