.elementor-30509 .elementor-element.elementor-element-067b59f{--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;}.elementor-30509 .elementor-element.elementor-element-2d1870e{--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-30509 .elementor-element.elementor-element-2d1870e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30509 .elementor-element.elementor-element-e44b4b8{--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;--overlay-opacity:0.79;--border-radius:10px 50px 10px 80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-30509 .elementor-element.elementor-element-e44b4b8::before, .elementor-30509 .elementor-element.elementor-element-e44b4b8 > .elementor-background-video-container::before, .elementor-30509 .elementor-element.elementor-element-e44b4b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-30509 .elementor-element.elementor-element-e44b4b8 > .elementor-background-slideshow::before, .elementor-30509 .elementor-element.elementor-element-e44b4b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30509 .elementor-element.elementor-element-e44b4b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFCE19;--background-overlay:'';}.elementor-30509 .elementor-element.elementor-element-a54ede4 .title-after_title, .elementor-30509 .elementor-element.elementor-element-a54ede4 .title-subtitle, .elementor-30509 .elementor-element.elementor-element-a54ede4 .woodmart-title-container{max-width:33%;}.elementor-30509 .elementor-element.elementor-element-8931860 .elementor-repeater-item-42aaa98.elementor-social-icon{background-color:#41BA50;}.elementor-30509 .elementor-element.elementor-element-8931860 .elementor-repeater-item-42aaa98.elementor-social-icon i{color:#FFFFFF;}.elementor-30509 .elementor-element.elementor-element-8931860 .elementor-repeater-item-42aaa98.elementor-social-icon svg{fill:#FFFFFF;}.elementor-30509 .elementor-element.elementor-element-8931860{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-30509 .elementor-element.elementor-element-8931860 .elementor-widget-container{text-align:center;}.elementor-30509 .elementor-element.elementor-element-8931860 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:1rem 1rem 1rem 1rem;border-radius:20px 20px 20px 20px;}.elementor-30509 .elementor-element.elementor-element-8931860.elementor-element{--align-self:center;}.elementor-30509 .elementor-element.elementor-element-8931860 .elementor-icon{border-radius:17px 17px 17px 17px;}.elementor-30509 .elementor-element.elementor-element-04d2145{--display:flex;}@media(min-width:768px){.elementor-30509 .elementor-element.elementor-element-2d1870e{--width:53.116%;}.elementor-30509 .elementor-element.elementor-element-e44b4b8{--width:66.6666%;}}/* Start custom CSS *//* ==========================================================
   IMANA ELECTRIC
   BULK ORDER / REQUEST PAGE
   Page ID: 30509

   Brand: #C98C00
   Gravity Form: #gform_wrapper_2

   Desktop + Tablet + Mobile
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

body.page-id-30509 {

    --imana-gold: #C98C00;
    --imana-gold-dark: #9B6B00;
    --imana-gold-deep: #745000;

    --imana-text: #292929;
    --imana-muted: #777777;

    --imana-bg: #FCFBF8;
    --imana-card: #FFFFFF;

    --imana-soft:
        rgba(201, 140, 0, 0.07);

    --imana-border:
        rgba(43, 39, 30, 0.10);

    --imana-shadow:
        0 16px 45px rgba(62, 48, 17, 0.07);

}


/* ==========================================================
   02. PAGE BACKGROUND
   ========================================================== */

body.page-id-30509 .wd-page-content {

    overflow-x: hidden;

    background:
        radial-gradient(
            circle at 8% 13%,
            rgba(201, 140, 0, 0.055),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 82%,
            rgba(201, 140, 0, 0.035),
            transparent 27%
        ),
        #FCFBF8;

}


/* حذف فضای اضافی بالا */

body.page-id-30509 .main-page-wrapper {

    padding-top: 0 !important;

}


body.page-id-30509 #main-content {

    padding-top: 0 !important;

}


/* ==========================================================
   03. MAIN ELEMENTOR SECTION
   ========================================================== */

body.page-id-30509
.elementor-element-067b59f {

    width: 100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/*
   بسیار مهم:
   والد اصلی دقیقاً وسط صفحه قرار می‌گیرد.
   این قسمت مشکل چسبیدن کارت به سمت چپ موبایل را حل می‌کند.
*/

body.page-id-30509
.elementor-element-067b59f
> .e-con-inner {

    direction: ltr;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.7fr)
        minmax(320px, .82fr);

    gap:
        28px !important;

    align-items:
        start;

    width:
        calc(100% - 40px) !important;

    max-width:
        1240px !important;

    margin:
        0 auto !important;

    padding:
        38px 0 58px !important;

    box-sizing:
        border-box;
}


/* ==========================================================
   04. RESET ELEMENTOR CHILD WIDTHS
   ========================================================== */

body.page-id-30509
.elementor-element-2d1870e,

body.page-id-30509
.elementor-element-e44b4b8 {

    --width: 100% !important;

    direction: rtl;

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    flex-basis:
        auto !important;

    margin:
        0 !important;

    box-sizing:
        border-box;
}


/* فرم سمت چپ */

body.page-id-30509
.elementor-element-2d1870e {

    grid-column:
        1;

}


/* کارت سمت راست */

body.page-id-30509
.elementor-element-e44b4b8 {

    grid-column:
        2;

}


/* کانتینر خالی انتهای صفحه */

body.page-id-30509
.elementor-element-04d2145 {

    display:
        none !important;

}


/* ==========================================================
   05. GRAVITY FORM CARD
   ========================================================== */

body.page-id-30509
#gform_wrapper_2 {

    /* تغییر رنگ‌های داخلی Gravity Forms */

    --gf-color-primary:
        #C98C00 !important;

    --gf-color-primary-rgb:
        201, 140, 0 !important;

    --gf-color-primary-darker:
        #9B6B00 !important;

    --gf-color-primary-lighter:
        #E9BA49 !important;

    --gf-color-in-ctrl-primary:
        #C98C00 !important;

    --gf-color-in-ctrl-primary-rgb:
        201, 140, 0 !important;

    --gf-radius:
        12px !important;


    position:
        relative;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        32px 34px 34px !important;

    overflow:
        hidden;

    background:
        rgba(255, 255, 255, 0.96) !important;

    border:
        1px solid
        rgba(201, 140, 0, 0.14);

    border-radius:
        24px;

    box-shadow:
        var(--imana-shadow);

    box-sizing:
        border-box;

    animation:
        imanaFormEnter
        .6s
        cubic-bezier(.2,.75,.25,1)
        both;
}


/* نوار طلایی بالای فرم */

body.page-id-30509
#gform_wrapper_2::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        0;

    width:
        100%;

    height:
        4px;

    background:
        linear-gradient(
            90deg,
            rgba(201,140,0,0),
            #C98C00 28%,
            #F0C75E 50%,
            #C98C00 72%,
            rgba(201,140,0,0)
        );

}


/* ==========================================================
   06. FORM TITLE
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gform_heading {

    position:
        relative;

    margin:
        0 0 27px !important;

    padding:
        0 0 18px !important;

    border-bottom:
        1px solid
        rgba(40, 40, 40, 0.075);
}


body.page-id-30509
#gform_wrapper_2
.gform_title {

    margin:
        0 !important;

    color:
        #252525 !important;

    font-size:
        26px !important;

    font-weight:
        700 !important;

    line-height:
        1.65 !important;
}


/* خط طلایی کنار عنوان */

body.page-id-30509
#gform_wrapper_2
.gform_heading::after {

    content:
        "";

    position:
        absolute;

    right:
        0;

    bottom:
        -2px;

    width:
        58px;

    height:
        3px;

    border-radius:
        20px;

    background:
        #C98C00;

}


/* ==========================================================
   07. GRAVITY FORM GRID
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gform_fields {

    column-gap:
        16px !important;

    row-gap:
        22px !important;
}


/* ==========================================================
   08. FIELD LABELS
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gfield_label {

    margin-bottom:
        7px !important;

    color:
        #333 !important;

    font-size:
        13.5px !important;

    font-weight:
        600 !important;

    line-height:
        1.7 !important;
}


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

body.page-id-30509
#gform_wrapper_2
.gform-field-label--type-sub {

    margin-bottom:
        5px !important;

    color:
        #777 !important;

    font-size:
        11.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   09. REQUIRED
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gfield_required_text {

    display:
        inline-flex;

    align-items:
        center;

    margin-right:
        6px;

    padding:
        2px 7px;

    color:
        #B34A36;

    background:
        #FFF0EC;

    border-radius:
        30px;

    font-size:
        9px !important;

    font-weight:
        500;

    line-height:
        1.5;
}


/* ==========================================================
   10. INPUTS
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
input[type="text"],

body.page-id-30509
#gform_wrapper_2
input[type="tel"],

body.page-id-30509
#gform_wrapper_2
input[type="email"],

body.page-id-30509
#gform_wrapper_2
input[type="number"],

body.page-id-30509
#gform_wrapper_2
input[type="url"],

body.page-id-30509
#gform_wrapper_2
select,

body.page-id-30509
#gform_wrapper_2
textarea {

    width:
        100% !important;

    max-width:
        100% !important;

    background:
        #FFFDF9 !important;

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

    border:
        1px solid
        #DFDAD0 !important;

    border-radius:
        11px !important;

    box-shadow:
        none !important;

    outline:
        none !important;

    box-sizing:
        border-box;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        transform .2s ease;
}


/* Height */

body.page-id-30509
#gform_wrapper_2
input[type="text"],

body.page-id-30509
#gform_wrapper_2
input[type="tel"],

body.page-id-30509
#gform_wrapper_2
input[type="email"],

body.page-id-30509
#gform_wrapper_2
input[type="number"],

body.page-id-30509
#gform_wrapper_2
input[type="url"],

body.page-id-30509
#gform_wrapper_2
select {

    min-height:
        48px !important;

    padding:
        8px 13px !important;

    font-size:
        13.5px !important;
}


/* Textarea */

body.page-id-30509
#gform_wrapper_2
textarea {

    min-height:
        150px;

    padding:
        13px 14px !important;

    resize:
        vertical;

    font-size:
        13.5px !important;

    line-height:
        1.9 !important;
}


/* Hover */

body.page-id-30509
#gform_wrapper_2
input:hover,

body.page-id-30509
#gform_wrapper_2
select:hover,

body.page-id-30509
#gform_wrapper_2
textarea:hover {

    border-color:
        rgba(201, 140, 0, .48)
        !important;
}


/* Focus */

body.page-id-30509
#gform_wrapper_2
input:focus,

body.page-id-30509
#gform_wrapper_2
select:focus,

body.page-id-30509
#gform_wrapper_2
textarea:focus {

    background:
        #FFFFFF !important;

    border-color:
        #C98C00 !important;

    box-shadow:
        0 0 0 4px
        rgba(201, 140, 0, 0.10)
        !important;
}


/* ==========================================================
   11. FIELD DESCRIPTION
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gfield_description {

    color:
        #7C7C7C !important;

    font-size:
        11.5px !important;

    line-height:
        1.75 !important;
}


/* ==========================================================
   12. SECTION SEPARATOR
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gsection {

    margin-top:
        3px !important;

    padding-top:
        16px !important;

    border-top:
        1px solid
        rgba(201, 140, 0, .14)
        !important;

    border-bottom:
        0 !important;
}


/* ==========================================================
   13. FILE UPLOAD
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gform_drop_area {

    min-height:
        155px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    padding:
        24px 16px !important;

    background:
        linear-gradient(
            145deg,
            #FFFDF8,
            #FFF8E5
        ) !important;

    border:
        1.5px dashed
        rgba(201, 140, 0, .48)
        !important;

    border-radius:
        14px !important;

    box-sizing:
        border-box;

    transition:
        all .22s ease;
}


body.page-id-30509
#gform_wrapper_2
.gform_drop_area:hover {

    background:
        #FFF7DD !important;

    border-color:
        #C98C00 !important;

    transform:
        translateY(-1px);
}


body.page-id-30509
#gform_wrapper_2
.gform_drop_instructions {

    color:
        #555;

    font-size:
        12.5px;

    font-weight:
        500;
}


/* File button */

body.page-id-30509
#gform_wrapper_2
.gform_button_select_files {

    min-height:
        40px !important;

    padding:
        8px 17px !important;

    color:
        #8D6200 !important;

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(201,140,0,.38)
        !important;

    border-radius:
        9px !important;

    box-shadow:
        0 4px 12px
        rgba(77,55,10,.05)
        !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    transition:
        all .2s ease;
}


body.page-id-30509
#gform_wrapper_2
.gform_button_select_files:hover {

    color:
        #FFF !important;

    background:
        #C98C00 !important;

    border-color:
        #C98C00 !important;

    transform:
        translateY(-1px);
}


/* ==========================================================
   14. UPLOAD RULES / COUNTER
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gform_fileupload_rules,

body.page-id-30509
#gform_wrapper_2
.ginput_counter {

    margin-top:
        6px !important;

    color:
        #929292 !important;

    font-size:
        10.5px !important;

    line-height:
        1.7 !important;
}


/* ==========================================================
   15. SUBMIT
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gform_footer {

    margin-top:
        24px !important;

    padding:
        0 !important;
}


body.page-id-30509
#gform_wrapper_2
#gform_submit_button_2 {

    width:
        100% !important;

    min-height:
        52px !important;

    margin:
        0 !important;

    padding:
        10px 20px !important;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            105deg,
            #B77E00,
            #C98C00 42%,
            #E5AE28
        ) !important;

    background-size:
        150% 100% !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    box-shadow:
        0 8px 22px
        rgba(201, 140, 0, .20)
        !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    cursor:
        pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-position .35s ease;
}


body.page-id-30509
#gform_wrapper_2
#gform_submit_button_2:hover {

    background-position:
        100% center !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px
        rgba(201, 140, 0, .28)
        !important;
}


body.page-id-30509
#gform_wrapper_2
#gform_submit_button_2:active {

    transform:
        translateY(0);
}


/* ==========================================================
   16. VALIDATION
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
.gfield_error
input,

body.page-id-30509
#gform_wrapper_2
.gfield_error
select,

body.page-id-30509
#gform_wrapper_2
.gfield_error
textarea {

    background:
        #FFFAF9 !important;

    border-color:
        #C95A47 !important;
}


body.page-id-30509
#gform_wrapper_2
.validation_message {

    margin-top:
        5px;

    color:
        #B84838 !important;

    font-size:
        11px !important;
}


/* ==========================================================
   17. SIDE TRUST CARD
   ========================================================== */

body.page-id-30509
.elementor-element-e44b4b8 {

    position:
        sticky;

    top:
        105px;

    overflow:
        hidden;

    padding:
        30px 24px 26px !important;

    background:
        linear-gradient(
            145deg,
            #FFF9E7 0%,
            #FFEBA7 55%,
            #F8CE5A 100%
        ) !important;

    border:
        1px solid
        rgba(201, 140, 0, .22);

    border-radius:
        24px;

    box-shadow:
        0 16px 38px
        rgba(79, 58, 12, .10);

    isolation:
        isolate;

    animation:
        imanaSideEnter
        .68s
        .08s
        cubic-bezier(.2,.75,.25,1)
        both;
}


/* دکور بالا */

body.page-id-30509
.elementor-element-e44b4b8::before {

    content:
        "";

    position:
        absolute;

    top:
        -74px;

    left:
        -65px;

    width:
        190px;

    height:
        190px;

    border-radius:
        50%;

    background:
        rgba(255, 255, 255, .40);

    z-index:
        -1;
}


/* دکور پایین */

body.page-id-30509
.elementor-element-e44b4b8::after {

    content:
        "";

    position:
        absolute;

    right:
        -70px;

    bottom:
        -80px;

    width:
        190px;

    height:
        190px;

    border-radius:
        50%;

    background:
        rgba(201, 140, 0, .12);

    z-index:
        -1;
}


/* ==========================================================
   18. SIDE IMAGE
   ========================================================== */

body.page-id-30509
.elementor-element-d236c93 {

    margin-bottom:
        12px;
}


body.page-id-30509
.elementor-element-d236c93
img {

    display:
        block;

    width:
        105px;

    max-width:
        100%;

    height:
        auto;

    margin:
        0 auto;

    filter:
        drop-shadow(
            0 10px 14px
            rgba(99, 65, 4, .14)
        );

    animation:
        imanaFloat
        4s
        ease-in-out
        infinite;
}


/* ==========================================================
   19. SIDE TITLE
   ========================================================== */

body.page-id-30509
.elementor-element-a54ede4
.woodmart-title-container {

    color:
        #2C2415 !important;

    font-size:
        21px !important;

    font-weight:
        700 !important;

    line-height:
        1.65 !important;

    text-align:
        center;
}


/* ==========================================================
   20. SIDE DESCRIPTION
   ========================================================== */

body.page-id-30509
.elementor-element-a54ede4
.title-after_title {

    max-width:
        275px;

    margin:
        8px auto 0;

    color:
        #544725;

    font-size:
        12.5px;

    line-height:
        1.95;

    text-align:
        center;
}


body.page-id-30509
.elementor-element-a54ede4
.title-after_title
p {

    margin:
        0;
}


/* ==========================================================
   21. SOCIAL TRUST AREA
   ========================================================== */

body.page-id-30509
.elementor-element-8931860
.elementor-social-icons-wrapper {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        7px;

    width:
        fit-content;

    max-width:
        100%;

    margin:
        17px auto 0;

    padding:
        8px;

    background:
        rgba(255, 255, 255, .58);

    border:
        1px solid
        rgba(255, 255, 255, .72);

    border-radius:
        15px;

    box-shadow:
        0 8px 20px
        rgba(62, 46, 8, .07);

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);
}


body.page-id-30509
.elementor-element-8931860
.elementor-grid-item {

    margin:
        0 !important;
}


/* Icons */

body.page-id-30509
.elementor-element-8931860
.elementor-social-icon {

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px !important;

    height:
        42px !important;

    margin:
        0 !important;

    border:
        1px solid
        rgba(255,255,255,.62);

    box-shadow:
        0 4px 11px
        rgba(50, 40, 15, .08);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


body.page-id-30509
.elementor-element-8931860
.elementor-social-icon:hover {

    transform:
        translateY(-3px)
        scale(1.035);

    box-shadow:
        0 7px 15px
        rgba(50, 40, 15, .14);
}


body.page-id-30509
.elementor-element-8931860
.elementor-social-icon
svg {

    width:
        18px;

    height:
        18px;
}


/* ==========================================================
   22. DESKTOP HOVER
   ========================================================== */

@media (hover: hover) {

    body.page-id-30509
    #gform_wrapper_2 {

        transition:
            box-shadow .3s ease,
            transform .3s ease;
    }


    body.page-id-30509
    #gform_wrapper_2:hover {

        box-shadow:
            0 20px 55px
            rgba(62, 48, 17, .09);
    }

}


/* ==========================================================
   23. TABLET / SMALL LAPTOP
   ========================================================== */

@media screen and (max-width: 1100px) {

    body.page-id-30509
    .elementor-element-067b59f
    > .e-con-inner {

        width:
            calc(100% - 32px) !important;

        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(280px, .78fr);

        gap:
            22px !important;

        padding-top:
            30px !important;

        padding-bottom:
            48px !important;
    }


    body.page-id-30509
    #gform_wrapper_2 {

        padding:
            27px 25px 29px !important;

        border-radius:
            21px;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gform_title {

        font-size:
            23px !important;
    }


    body.page-id-30509
    .elementor-element-e44b4b8 {

        padding:
            25px 18px 22px !important;

        border-radius:
            21px;
    }


    body.page-id-30509
    .elementor-element-d236c93
    img {

        width:
            90px;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .woodmart-title-container {

        font-size:
            19px !important;
    }

}


/* ==========================================================
   24. STACK EARLIER ON TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    body.page-id-30509
    .elementor-element-067b59f
    > .e-con-inner {

        direction:
            ltr;

        grid-template-columns:
            minmax(0, 1fr);

        gap:
            18px !important;
    }


    /* کارت ابتدا */

    body.page-id-30509
    .elementor-element-e44b4b8 {

        grid-column:
            1;

        grid-row:
            1;

        position:
            relative;

        top:
            auto;
    }


    /* فرم بعد */

    body.page-id-30509
    .elementor-element-2d1870e {

        grid-column:
            1;

        grid-row:
            2;
    }


    /*
       کارت در تبلت حالت افقی‌تر می‌گیرد
    */

    body.page-id-30509
    .elementor-element-e44b4b8 {

        direction:
            rtl;

        display:
            grid !important;

        grid-template-columns:
            115px minmax(0, 1fr);

        grid-template-areas:
            "image content"
            "social social";

        align-items:
            center;

        column-gap:
            20px;

        row-gap:
            10px;

        padding:
            20px 24px !important;
    }


    body.page-id-30509
    .elementor-element-d236c93 {

        grid-area:
            image;

        margin:
            0 !important;
    }


    body.page-id-30509
    .elementor-element-a54ede4 {

        grid-area:
            content;
    }


    body.page-id-30509
    .elementor-element-8931860 {

        grid-area:
            social;
    }


    body.page-id-30509
    .elementor-element-d236c93
    img {

        width:
            88px;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .woodmart-title-container,

    body.page-id-30509
    .elementor-element-a54ede4
    .title-after_title {

        text-align:
            right;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .title-after_title {

        max-width:
            none;

        margin:
            5px 0 0;
    }


    body.page-id-30509
    .elementor-element-8931860
    .elementor-social-icons-wrapper {

        margin:
            5px 0 0 auto;
    }

}


/* ==========================================================
   25. MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

    /* ------------------------------------------------------
       والد اصلی کاملاً وسط صفحه
       ------------------------------------------------------ */

    body.page-id-30509
    .elementor-element-067b59f
    > .e-con-inner {

        width:
            calc(100% - 24px) !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            18px 0 34px !important;

        gap:
            14px !important;

        box-sizing:
            border-box;
    }


    /* هر دو بخش دقیقاً عرض والد */

    body.page-id-30509
    .elementor-element-2d1870e,

    body.page-id-30509
    .elementor-element-e44b4b8 {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        justify-self:
            stretch;

        box-sizing:
            border-box;
    }


    /* ------------------------------------------------------
       Mobile trust card
       ------------------------------------------------------ */

    body.page-id-30509
    .elementor-element-e44b4b8 {

        display:
            grid !important;

        grid-template-columns:
            72px minmax(0, 1fr);

        grid-template-areas:
            "image content"
            "social social";

        align-items:
            center;

        column-gap:
            14px;

        row-gap:
            8px;

        padding:
            16px 14px !important;

        border-radius:
            17px;

        box-shadow:
            0 9px 24px
            rgba(77, 57, 15, .09);
    }


    /* دایره‌های تزئینی کوچک‌تر */

    body.page-id-30509
    .elementor-element-e44b4b8::before {

        width:
            115px;

        height:
            115px;

        top:
            -52px;

        left:
            -43px;
    }


    body.page-id-30509
    .elementor-element-e44b4b8::after {

        width:
            120px;

        height:
            120px;

        bottom:
            -60px;

        right:
            -45px;
    }


    body.page-id-30509
    .elementor-element-d236c93
    img {

        width:
            68px;

        margin:
            0 auto;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .woodmart-title-container {

        font-size:
            17px !important;

        line-height:
            1.65 !important;

        text-align:
            right;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .title-after_title {

        max-width:
            none;

        margin:
            3px 0 0;

        padding:
            0;

        font-size:
            11.5px;

        line-height:
            1.85;

        text-align:
            right;
    }


    /*
       Social area
       عرض کامل و مرکز
    */

    body.page-id-30509
    .elementor-element-8931860
    .elementor-social-icons-wrapper {

        width:
            fit-content;

        max-width:
            100%;

        margin:
            4px auto 0;

        padding:
            6px;

        gap:
            5px;

        border-radius:
            13px;
    }


    body.page-id-30509
    .elementor-element-8931860
    .elementor-social-icon {

        width:
            40px !important;

        height:
            40px !important;
    }


    /* ------------------------------------------------------
       Form
       ------------------------------------------------------ */

    body.page-id-30509
    #gform_wrapper_2 {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            20px 15px 22px !important;

        border-radius:
            17px;

        box-shadow:
            0 9px 26px
            rgba(55, 43, 18, .06);
    }


    /* Heading */

    body.page-id-30509
    #gform_wrapper_2
    .gform_heading {

        margin-bottom:
            21px !important;

        padding-bottom:
            14px !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gform_title {

        font-size:
            20px !important;

        line-height:
            1.65 !important;
    }


    /* ------------------------------------------------------
       Gravity field layout
       ------------------------------------------------------ */

    body.page-id-30509
    #gform_wrapper_2
    .gform_fields {

        grid-template-columns:
            minmax(0, 1fr) !important;

        column-gap:
            0 !important;

        row-gap:
            17px !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gfield {

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        grid-column:
            1 / -1 !important;

        box-sizing:
            border-box;
    }


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

    body.page-id-30509
    #gform_wrapper_2
    .ginput_complex {

        display:
            grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            12px !important;

        width:
            100% !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gform-grid-col {

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 !important;
    }


    /* Label */

    body.page-id-30509
    #gform_wrapper_2
    .gfield_label {

        font-size:
            12.5px !important;
    }


    /*
       16px برای جلوگیری از Zoom خودکار Safari iPhone
    */

    body.page-id-30509
    #gform_wrapper_2
    input[type="text"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="tel"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="email"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="number"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="url"],

    body.page-id-30509
    #gform_wrapper_2
    select,

    body.page-id-30509
    #gform_wrapper_2
    textarea {

        font-size:
            16px !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    input[type="text"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="tel"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="email"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="number"],

    body.page-id-30509
    #gform_wrapper_2
    input[type="url"],

    body.page-id-30509
    #gform_wrapper_2
    select {

        min-height:
            49px !important;
    }


    /* Textarea */

    body.page-id-30509
    #gform_wrapper_2
    textarea {

        min-height:
            135px;
    }


    /* File upload */

    body.page-id-30509
    #gform_wrapper_2
    .gform_drop_area {

        min-height:
            130px;

        padding:
            19px 10px !important;

        border-radius:
            11px !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gform_drop_instructions {

        font-size:
            11.5px;
    }


    /* Submit */

    body.page-id-30509
    #gform_wrapper_2
    #gform_submit_button_2 {

        min-height:
            51px !important;

        border-radius:
            10px !important;

        font-size:
            14px !important;
    }

}


/* ==========================================================
   26. SMALL MOBILE
   ========================================================== */

@media screen and (max-width: 390px) {

    body.page-id-30509
    .elementor-element-067b59f
    > .e-con-inner {

        width:
            calc(100% - 18px) !important;

        padding-top:
            14px !important;
    }


    body.page-id-30509
    .elementor-element-e44b4b8 {

        grid-template-columns:
            62px minmax(0, 1fr);

        column-gap:
            11px;

        padding:
            14px 11px !important;
    }


    body.page-id-30509
    .elementor-element-d236c93
    img {

        width:
            58px;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .woodmart-title-container {

        font-size:
            16px !important;
    }


    body.page-id-30509
    .elementor-element-a54ede4
    .title-after_title {

        font-size:
            11px;

        line-height:
            1.75;
    }


    body.page-id-30509
    #gform_wrapper_2 {

        padding:
            18px 12px 20px !important;
    }


    body.page-id-30509
    #gform_wrapper_2
    .gform_title {

        font-size:
            19px !important;
    }


    body.page-id-30509
    .elementor-element-8931860
    .elementor-social-icon {

        width:
            37px !important;

        height:
            37px !important;
    }

}


/* ==========================================================
   27. FOCUS ACCESSIBILITY
   ========================================================== */

body.page-id-30509
#gform_wrapper_2
button:focus-visible,

body.page-id-30509
#gform_wrapper_2
input:focus-visible,

body.page-id-30509
#gform_wrapper_2
select:focus-visible,

body.page-id-30509
#gform_wrapper_2
textarea:focus-visible,

body.page-id-30509
.elementor-element-8931860
a:focus-visible {

    outline:
        3px solid
        rgba(201, 140, 0, .27)
        !important;

    outline-offset:
        2px;
}


/* ==========================================================
   28. ANIMATIONS
   ========================================================== */

@keyframes imanaFormEnter {

    from {

        opacity:
            0;

        transform:
            translateY(16px);
    }

    to {

        opacity:
            1;

        transform:
            translateY(0);
    }

}


@keyframes imanaSideEnter {

    from {

        opacity:
            0;

        transform:
            translateY(18px)
            scale(.985);
    }

    to {

        opacity:
            1;

        transform:
            translateY(0)
            scale(1);
    }

}


@keyframes imanaFloat {

    0%,
    100% {

        transform:
            translateY(0);
    }

    50% {

        transform:
            translateY(-5px);
    }

}


/* ==========================================================
   29. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    body.page-id-30509
    #gform_wrapper_2,

    body.page-id-30509
    .elementor-element-e44b4b8,

    body.page-id-30509
    .elementor-element-d236c93
    img {

        animation:
            none !important;
    }

}/* End custom CSS */