.elementor-2465 .elementor-element.elementor-element-0b0f275{--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:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-2465 .elementor-element.elementor-element-13b594d{--display:flex;--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;}.elementor-2465 .elementor-element.elementor-element-77d7c4c{--display:flex;--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2465 .elementor-element.elementor-element-57c185f{--display:flex;--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;}@media(min-width:768px){.elementor-2465 .elementor-element.elementor-element-13b594d{--width:25%;}.elementor-2465 .elementor-element.elementor-element-77d7c4c{--width:50%;}.elementor-2465 .elementor-element.elementor-element-57c185f{--width:25%;}}@media(max-width:767px){.elementor-2465 .elementor-element.elementor-element-0b0f275{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-e2e351e *//* =========================================================
   REGISTER FORM — PREMIUM GOLD / BROWN
   Gravity Forms #1
   طراحی جدید عنوان و فرم
   ========================================================= */


/* =========================================================
   1. متغیرهای اصلی
   ========================================================= */

#gform_wrapper_1 {
    --register-gold: #e3a86f;
    --register-gold-dark: #985d25;
    --register-gold-light: #f8eadb;

    --register-text: #2d2119;
    --register-muted: #806e61;
    --register-border: #ead8c6;

    direction: rtl;

    width: 100%;
    max-width: 650px;

    margin: 0 auto !important;

    font-family: inherit !important;
}


/* =========================================================
   2. تنظیمات اصلی Gravity Forms
   ========================================================= */

#gform_wrapper_1.gform-theme,
#gform_wrapper_1.gform-theme--foundation,
#gform_wrapper_1.gform-theme--framework,
#gform_wrapper_1.gform-theme--orbital {

    --gf-color-primary: #985d25 !important;

    --gf-color-primary-rgb:
        152, 93, 37 !important;

    --gf-color-in-ctrl:
        #ffffff !important;

    --gf-ctrl-border-color:
        #ead8c6 !important;

    --gf-ctrl-label-color-primary:
        #2d2119 !important;

    --gf-ctrl-label-color-secondary:
        #806e61 !important;

    --gf-radius:
        14px !important;
}


/* =========================================================
   3. هدر و عنوان فرم
   ========================================================= */

/*
 * هدر فرم کاملاً وسط چین است.
 *
 * عنوان
 * ↓
 * توضیحات
 * ↓
 * خط ظریف طلایی
 *
 * فاصله‌ها عمداً کم شده‌اند تا ظاهر جمع‌وجور و حرفه‌ای باشد.
 */

#gform_wrapper_1 .gform_heading {

    position: relative;

    margin: 0 0 27px !important;

    padding: 0 0 16px !important;

    text-align: center !important;
}


/* =========================================================
   4. عنوان اصلی
   ========================================================= */

#gform_wrapper_1 .gform_title {

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: var(--register-text) !important;

    font-size: 22px !important;

    font-weight: 800 !important;

    line-height: 1.45 !important;

    text-align: center !important;

    letter-spacing: -0.3px;
}


/*
 * حذف کامل خط قدیمی کنار عنوان
 */

#gform_wrapper_1 .gform_title::before {

    display: none !important;

    content: none !important;
}


/* =========================================================
   5. توضیحات زیر عنوان
   ========================================================= */

#gform_wrapper_1 .gform_description {

    display: block !important;

    max-width: 570px;

    margin: 0 auto !important;

    padding: 0 !important;

    color: var(--register-muted) !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.8 !important;

    text-align: center !important;
}


/* =========================================================
   6. خط دکوراتیو زیر عنوان
   ========================================================= */

/*
 * خط اصلی
 */

#gform_wrapper_1 .gform_heading::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 110px;

    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(152, 93, 37, 0.22) 15%,
            rgba(227, 168, 111, 0.85) 50%,
            rgba(152, 93, 37, 0.22) 85%,
            transparent 100%
        );
}


/*
 * المان کوچک وسط خط
 *
 * یک لوزی بسیار ظریف در مرکز خط
 */

#gform_wrapper_1 .gform_heading::before {

    content: "";

    position: absolute;

    z-index: 2;

    bottom: -3px;

    left: 50%;

    width: 7px;

    height: 7px;

    transform:
        translateX(-50%)
        rotate(45deg);

    border-radius: 1px;

    background:
        linear-gradient(
            135deg,
            #e3a86f,
            #985d25
        );

    box-shadow:
        0 0 0 3px #ffffff;
}


/*
 * حذف راهنمای فیلدهای ضروری
 */

#gform_wrapper_1 .gform_required_legend {

    display: none !important;
}


/* =========================================================
   7. فاصله بین فیلدها
   ========================================================= */

#gform_wrapper_1 .gform_fields {

    row-gap: 21px !important;
}


/* =========================================================
   8. عنوان فیلدها
   ========================================================= */

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 .gform-field-label {

    color: var(--register-text) !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.7 !important;
}


/*
 * فاصله عنوان فیلد از Input
 */

#gform_wrapper_1 .gfield_label {

    margin-bottom: 8px !important;
}


/*
 * ستاره فیلدهای ضروری
 */

#gform_wrapper_1 .gfield_required {

    color: var(--register-gold-dark) !important;

    margin-right: 3px !important;

    font-weight: 800 !important;
}


/* =========================================================
   9. Input ها
   ========================================================= */

#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="password"],
#gform_wrapper_1 textarea,
#gform_wrapper_1 select {

    width: 100% !important;

    min-height: 54px !important;

    box-sizing: border-box !important;

    padding: 0 17px !important;

    border: 1px solid var(--register-border) !important;

    border-radius: 14px !important;

    background: #ffffff !important;

    color: var(--register-text) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    outline: none !important;

    box-shadow:
        0 3px 15px rgba(152, 93, 37, 0.045) !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease,
        background .25s ease !important;
}


/* =========================================================
   10. Placeholder
   ========================================================= */

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {

    color: #b4a69d !important;

    opacity: 1 !important;
}


/* =========================================================
   11. Focus
   ========================================================= */

#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="password"]:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {

    border-color:
        var(--register-gold) !important;

    background:
        #fffdfb !important;

    box-shadow:
        0 0 0 4px rgba(227, 168, 111, 0.15),
        0 8px 25px rgba(152, 93, 37, 0.08) !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   12. نام و نام خانوادگی
   ========================================================= */

#gform_wrapper_1 .ginput_container_name {

    display: grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap: 14px !important;

    width: 100% !important;
}


/*
 * جلوگیری از خراب شدن عرض
 */

#gform_wrapper_1 .ginput_container_name > span {

    width: 100% !important;

    min-width: 0 !important;
}


/*
 * عنوان داخلی نام و نام خانوادگی
 */

#gform_wrapper_1
.ginput_container_name
.gform-field-label {

    display: block !important;

    margin: 0 0 7px !important;

    color:
        var(--register-muted) !important;

    font-size: 12px !important;

    font-weight: 600 !important;
}


/* =========================================================
   13. فیلد موبایل
   ========================================================= */

#gform_wrapper_1 #field_1_4 {

    position: relative;
}


/*
 * شماره موبایل چپ به راست
 */

#gform_wrapper_1 #input_1_4 {

    direction: ltr !important;

    text-align: left !important;

    letter-spacing: .4px;

    font-weight: 600 !important;
}


/* =========================================================
   14. دکمه ارسال
   ========================================================= */

#gform_wrapper_1 #gform_submit_button_1 {

    position: relative;

    width: 100% !important;

    min-height: 56px !important;

    margin: 6px 0 0 !important;

    padding: 0 25px !important;

    border: 0 !important;

    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #e3a86f 0%,
            #c27c3b 48%,
            #985d25 100%
        ) !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    line-height: 56px !important;

    cursor: pointer !important;

    overflow: hidden;

    box-shadow:
        0 10px 24px
        rgba(152, 93, 37, 0.22) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}


/*
 * افکت نور دکمه
 */

#gform_wrapper_1
#gform_submit_button_1::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 55%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transform:
        skewX(-20deg);

    transition:
        left .6s ease;

    pointer-events: none;
}


/*
 * Hover
 */

#gform_wrapper_1
#gform_submit_button_1:hover {

    transform:
        translateY(-2px);

    filter:
        brightness(1.04);

    box-shadow:
        0 14px 30px
        rgba(152, 93, 37, 0.30) !important;
}


#gform_wrapper_1
#gform_submit_button_1:hover::before {

    left: 130%;
}


/*
 * کلیک
 */

#gform_wrapper_1
#gform_submit_button_1:active {

    transform:
        translateY(0);

    box-shadow:
        0 7px 16px
        rgba(152, 93, 37, 0.22) !important;
}


/* =========================================================
   15. Footer
   ========================================================= */

#gform_wrapper_1 .gform_footer {

    margin-top: 25px !important;

    padding: 0 !important;
}


/* =========================================================
   16. حالت خطا
   ========================================================= */

#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error textarea,
#gform_wrapper_1 .gfield_error select {

    border-color:
        #d46b5f !important;

    background:
        #fffafa !important;

    box-shadow:
        0 0 0 3px
        rgba(212, 107, 95, 0.10) !important;
}


/*
 * متن خطا
 */

#gform_wrapper_1
.gfield_description.validation_message,
#gform_wrapper_1
.gfield_validation_message,
#gform_wrapper_1
.validation_message {

    margin-top: 7px !important;

    color:
        #b64c40 !important;

    font-size: 12px !important;

    font-weight: 600 !important;
}


/* =========================================================
   17. پیام موفقیت
   ========================================================= */

.miagf-reload-success {

    width: 100%;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin: 0 0 20px;

    padding: 14px 17px;

    border:
        1px solid
        rgba(152, 93, 37, 0.20);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #fffaf5,
            #f8eadb
        );

    color:
        #985d25;

    font-size: 14px;

    font-weight: 800;

    direction: rtl;

    text-align: center;

    box-shadow:
        0 7px 20px
        rgba(152, 93, 37, 0.07);
}


/*
 * آیکون موفقیت
 */

.miagf-success-icon {

    width: 23px;

    height: 23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 23px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #e3a86f,
            #985d25
        );

    color: #ffffff;

    font-size: 13px;

    font-weight: 900;

    line-height: 1;

    box-shadow:
        0 4px 10px
        rgba(152, 93, 37, 0.20);
}


/* =========================================================
   18. Loading
   ========================================================= */

#gform_wrapper_1 .gform-loader {

    filter: none !important;
}


/* =========================================================
   19. حذف استایل مزاحم Gravity Forms
   ========================================================= */

#gform_wrapper_1
.gform-theme--framework
.gfield:where(
    :not(.gfield--type-html):not(.gfield--input-type-choice)
) {

    align-self: stretch;
}


/* =========================================================
   20. موبایل
   ========================================================= */

@media (max-width: 600px) {

    #gform_wrapper_1 {

        max-width: 100%;

        padding: 0 !important;
    }


    /*
     * هدر موبایل
     */

    #gform_wrapper_1 .gform_heading {

        margin-bottom: 24px !important;

        padding-bottom: 14px !important;
    }


    /*
     * عنوان موبایل
     */

    #gform_wrapper_1 .gform_title {

        margin-bottom: 5px !important;

        font-size: 20px !important;

        line-height: 1.45 !important;

        padding: 0 !important;

        text-align: center !important;
    }


    /*
     * توضیحات موبایل
     */

    #gform_wrapper_1 .gform_description {

        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    /*
     * خط دکوراتیو موبایل
     */

    #gform_wrapper_1 .gform_heading::after {

        width: 85px;

        height: 1px;
    }


    /*
     * المان وسط خط
     */

    #gform_wrapper_1 .gform_heading::before {

        width: 6px;

        height: 6px;

        bottom: -3px;
    }


    /*
     * فاصله فیلدها
     */

    #gform_wrapper_1 .gform_fields {

        row-gap: 17px !important;
    }


    /*
     * نام و نام خانوادگی زیر هم
     */

    #gform_wrapper_1 .ginput_container_name {

        grid-template-columns:
            1fr !important;

        gap: 14px !important;
    }


    /*
     * Input موبایل
     */

    #gform_wrapper_1 input[type="text"],
    #gform_wrapper_1 input[type="tel"],
    #gform_wrapper_1 input[type="email"],
    #gform_wrapper_1 input[type="number"],
    #gform_wrapper_1 input[type="password"],
    #gform_wrapper_1 textarea,
    #gform_wrapper_1 select {

        min-height: 52px !important;

        border-radius: 13px !important;

        padding: 0 15px !important;
    }


    /*
     * دکمه
     */

    #gform_wrapper_1
    #gform_submit_button_1 {

        min-height: 54px !important;

        line-height: 54px !important;

        border-radius: 13px !important;
    }

}


/* =========================================================
   21. موبایل خیلی کوچک
   ========================================================= */

@media (max-width: 380px) {

    #gform_wrapper_1 .gform_heading {

        margin-bottom: 22px !important;

        padding-bottom: 13px !important;
    }


    #gform_wrapper_1 .gform_title {

        font-size: 21px !important;
    }


    #gform_wrapper_1 .gform_description {

        font-size: 12px !important;
    }


    #gform_wrapper_1 input[type="text"],
    #gform_wrapper_1 input[type="tel"] {

        min-height: 50px !important;
    }


    #gform_wrapper_1
    #gform_submit_button_1 {

        min-height: 52px !important;

        line-height: 52px !important;
    }

}/* End custom CSS */