.elementor-21834 .elementor-element.elementor-element-759d962{--display:flex;}#elementor-popup-modal-21834{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-21834 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-21834 .dialog-close-button{display:flex;}#elementor-popup-modal-21834 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-759d962 *//* =========================================================
   Elementor Popup
   پس‌زمینه شفاف + دکمه بستن روی تصویر
========================================================= */


/* -------------------------
   پس‌زمینه پاپ‌آپ
------------------------- */

.elementor-popup-modal .dialog-widget-content {
    position: relative !important;

    background: transparent !important;
    box-shadow: none !important;

    overflow: visible !important;
}


.elementor-popup-modal .dialog-message {
    position: relative !important;

    background: transparent !important;

    overflow: visible !important;
}



/* =========================================================
   دکمه بستن
========================================================= */

.elementor-popup-modal .dialog-close-button {
    position: absolute !important;

    width: 36px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /*
     * موقعیت دسکتاپ
     * این دو عدد را برای جابه‌جایی ضربدر تغییر بده
     */
    top: 0px !important;
    right: 0px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: #111111 !important;

    opacity: 1 !important;

    z-index: 99999 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transform: none !important;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}



/* -------------------------
   خود آیکن ضربدر
------------------------- */

.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
    width: 22px !important;
    height: 22px !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    color: #111111 !important;
    fill: #111111 !important;

    opacity: 1 !important;

    filter:
        drop-shadow(0 0 1px rgba(255, 255, 255, 1))
        drop-shadow(0 0 2px rgba(255, 255, 255, 0.95))
        drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));

    transition:
        color 0.2s ease,
        fill 0.2s ease,
        transform 0.2s ease;
}



/* -------------------------
   هاور
------------------------- */

.elementor-popup-modal .dialog-close-button:hover {
    background: transparent !important;
    color: #2B55FF !important;
}


.elementor-popup-modal .dialog-close-button:hover i,
.elementor-popup-modal .dialog-close-button:hover svg {
    color: #2B55FF !important;
    fill: #2B55FF !important;

    transform: scale(1.08);
}



/* =========================================================
   Tablet
   768px تا 1024px
========================================================= */

@media (max-width: 1024px) {

    .elementor-popup-modal .dialog-close-button {
        width: 34px !important;
        height: 34px !important;

        /*
         * موقعیت ضربدر در تبلت
         */
        top: 0px !important;
        right: 0px !important;
    }


    .elementor-popup-modal .dialog-close-button i,
    .elementor-popup-modal .dialog-close-button svg {
        width: 21px !important;
        height: 21px !important;

        font-size: 21px !important;
    }

}



/* =========================================================
   Mobile
   زیر 768px
========================================================= */

@media (max-width: 767px) {

    .elementor-popup-modal .dialog-close-button {
        width: 32px !important;
        height: 32px !important;

        /*
         * موقعیت ضربدر در موبایل
         */
        top: 0px !important;
        right: 0px !important;
    }


    .elementor-popup-modal .dialog-close-button i,
    .elementor-popup-modal .dialog-close-button svg {
        width: 20px !important;
        height: 20px !important;

        font-size: 20px !important;
    }

}



/* =========================================================
   موبایل‌های کوچک
========================================================= */

@media (max-width: 480px) {

    .elementor-popup-modal .dialog-close-button {
        width: 30px !important;
        height: 30px !important;

        /*
         * موقعیت ضربدر در موبایل کوچک
         */
        top: 10px !important;
        right: 10px !important;
    }


    .elementor-popup-modal .dialog-close-button i,
    .elementor-popup-modal .dialog-close-button svg {
        width: 19px !important;
        height: 19px !important;

        font-size: 19px !important;
    }

}/* End custom CSS */