.elementor-633 .elementor-element.elementor-element-79ff957{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-ffa17c2 );--border-color:var( --e-global-color-ffa17c2 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-633 .elementor-element.elementor-element-79ff957::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .elementor-background-video-container::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .e-con-inner > .elementor-background-video-container::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .elementor-background-slideshow::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .e-con-inner > .elementor-background-slideshow::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-633 .elementor-element.elementor-element-79ff957:hover::before, .elementor-633 .elementor-element.elementor-element-79ff957:hover > .elementor-background-video-container::before, .elementor-633 .elementor-element.elementor-element-79ff957:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .elementor-background-slideshow:hover::before, .elementor-633 .elementor-element.elementor-element-79ff957 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-633 .elementor-element.elementor-element-79ff957:hover{--overlay-opacity:1;}.elementor-633 .elementor-element.elementor-element-79ff957.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-bce1e3f .jet-listing-dynamic-image{justify-content:center;}.elementor-633 .elementor-element.elementor-element-bce1e3f .jet-listing-dynamic-image__figure{align-items:center;}.elementor-633 .elementor-element.elementor-element-bce1e3f .jet-listing-dynamic-image a{display:flex;justify-content:center;}.elementor-633 .elementor-element.elementor-element-bce1e3f .jet-listing-dynamic-image__caption{text-align:left;}.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field__content{font-family:var( --e-global-typography-8308686-font-family );font-size:var( --e-global-typography-8308686-font-size );font-weight:var( --e-global-typography-8308686-font-weight );text-align:left;}.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field{justify-content:center;}.elementor-633 .elementor-element.elementor-element-7607cc0{width:auto;max-width:auto;}.elementor-633 .elementor-element.elementor-element-7607cc0.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field__content{font-family:var( --e-global-typography-8308686-font-family );font-size:var( --e-global-typography-8308686-font-size );font-weight:var( --e-global-typography-8308686-font-weight );text-align:center;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:100%;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:100%;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-8308686-font-size );}.elementor-633 .elementor-element.elementor-element-7607cc0.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-8308686-font-size );}}@media(max-width:767px){.elementor-633 .elementor-element.elementor-element-fd19b0c .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-8308686-font-size );}.elementor-633 .elementor-element.elementor-element-7607cc0 .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-8308686-font-size );}}/* Start custom CSS for container, class: .elementor-element-79ff957 *//* ==========================================================
   STEPS WRAPPER
========================================================== */

.steps-wrapper{

    position:relative;
    width:100%;
    height:100%;

}


/* ==========================================================
   EACH STEP
========================================================== */

.step-999{

    position:relative;

    width:100%;

    padding:22px 0;

    border-left:1px solid #E7EBF2;

    background:transparent;

    overflow:hidden;

    transition:
        padding .55s cubic-bezier(.22,.61,.36,1);

}

.step-999:last-child{

    border-left:none;

}


/* ==========================================================
   ICON
========================================================== */

.icon-step-999{

    width:72px;
    min-width:72px;
    max-width:72px;

    height:72px;
    min-height:72px;
    max-height:72px;

    margin:0 auto 18px;

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

    border-radius:50%;

    background:#fff;
    border:1px solid #DCE4EF;

    aspect-ratio:1/1;

    flex:none;

    transition:
        background-color .35s ease,
        border-color .35s ease,
        transform .45s cubic-bezier(.22,.61,.36,1);

}


/* ==========================================================
   TITLE
========================================================== */

.title-step-999{

    font-family:Kalameh;

    font-size:22px;

    font-weight:600;

    line-height:1.6;

    color:#172A54;

    text-align:center;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.description-step-999{

    max-height:0;

    opacity:0;

    overflow:hidden;

    margin-top:0;

    transform:translateY(0px);

    transition:
        max-height .65s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        margin-top .45s ease,
        transform .45s cubic-bezier(.22,.61,.36,1);

}


/* ==========================================================
   DESCRIPTION TEXT
========================================================== */

.description-step-999 p{

    margin:0;

    font-family:Kalameh;

    font-size:16px;

    line-height:2;

    color:#555;

    text-align:center;

}


/* ==========================================================
   HOVER
========================================================== */

.step-999:hover{

    padding-top:22px;
    padding-bottom:30px;

}

.step-999:hover .description-step-999{

    max-height:320px;

    opacity:1;

    margin-top:16px;

    transform:translateY(0);

}


/* ==========================================================
   ICON HOVER
========================================================== */

.step-999:hover .icon-step-999{

    background:#172A54;

    border-color:#172A54;

    transform:translateY(-2px);

}

.step-999:hover .icon-step-999 img{

    filter:brightness(0) invert(1);

    transform:scale(1.04);

}

.step-999:hover .icon-step-999 svg{

    fill:#fff;

    stroke:#fff;

}


/* ==========================================================
   PERFORMANCE
========================================================== */



.icon-step-999,
.icon-step-999 img{

    will-change:transform;

}


/* ==========================================
   DIVIDER
========================================== */

.jet-listing-grid--633 .jet-listing-grid__item{

    position:relative;

}

.jet-listing-grid--633 .jet-listing-grid__item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:1px;

    height:100%;

    background:#E7EBF2;

    transition:height .45s ease;

}

.jet-listing-grid--633 .jet-listing-grid__item:not(:last-child)::before{

    content:"";

    position:absolute;

    top:96px;               /* محل ثابت فلش */
    left:0;

    width:34px;
    height:34px;

    transform:translate(-50%,0) rotate(90deg);

    background:#fff
        url("https://decorarshive.ir/wp-content/uploads/2026/05/chevron-down.svg")
        center center / 14px no-repeat;

    border:1px solid #E7EBF2;
    border-radius:50%;

    z-index:5;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}

/* فقط خط بلند شود */

.jet-listing-grid--633 .jet-listing-grid__item:hover::after{

    height:100%;

}

/* افکت فلش */

.jet-listing-grid--633 .jet-listing-grid__item:hover::before{

    background-color:#fff;

    border-color:#DCE4EF;

    transform:translate(-50%,0) rotate(90deg) scale(1.06);

}

/* ==========================================================
   RESPONSIVE
========================================================== */


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

/* دو ستونه */

.jet-listing-grid--633 .jet-listing-grid__items{

    display:flex !important;
    flex-wrap:wrap;

}

.jet-listing-grid--633 .jet-listing-grid__item{

    width:50% !important;
    flex:0 0 50% !important;
    max-width:50% !important;

}


/* کارت */

.step-999{

    min-height:430px;

    padding:28px 20px;

}


/* حذف هاور */

.step-999:hover{

    min-height:430px;

}

.step-999:hover .description-step-999{

    max-height:none;

}


/* توضیحات همیشه باز */

.description-step-999{

    max-height:none;

    opacity:1;

    margin-top:18px;

    overflow:visible;

}

.description-step-999 p{

    transform:none;

}


/* آیکن همیشه سفید */

.icon-step-999{

    background:#fff;

    border:1px solid #DCE4EF;

}

.icon-step-999 img{

    filter:none;

}


/* متن بیرون نزند */

.description-step-999,
.description-step-999 p{

    word-break:break-word;

    overflow-wrap:anywhere;

}


/* دیوایدر */

.jet-listing-grid--633 .jet-listing-grid__item::before{

    top:72px;

}

}


/* ==========================================================
   TABLET
========================================================== */
@media (max-width:1024px){

    /* دو ستونه */
    .jet-listing-grid--633 .jet-listing-grid__items{
        display:flex !important;
        flex-wrap:wrap;
    }

    .jet-listing-grid--633 .jet-listing-grid__item{
        width:50% !important;
        flex:0 0 50% !important;
        max-width:50% !important;
    }

    /* کارت */
    .step-999{
        min-height: auto !important;     /* تغییر مهم */
        height: auto !important;         /* تغییر مهم */
        padding:28px 20px 52px !important; /* تنظیم padding */
        overflow:visible !important;
    }

    /* حذف هاور و باز کردن توضیحات */
    .step-999:hover{
        min-height: auto !important;
        padding:28px 20px 52px !important;
    }

    .step-999:hover .description-step-999{
        max-height:none !important;
    }

    /* توضیحات همیشه باز */
    .description-step-999{
        max-height:none !important;
        height:auto !important;
        opacity:1 !important;
        overflow:visible !important;
        margin-top:18px !important;
        transform:none !important;
        transition:none !important;
    }

    .description-step-999 p{
        transform:none !important;
    }

    /* آیکن همیشه سفید */
    .icon-step-999{
        background:#fff;
        border:1px solid #DCE4EF;
    }

    .icon-step-999 img{
        filter:none;
    }

    /* متن بیرون نزند */
    .description-step-999,
    .description-step-999 p{
        word-break:break-word;
        overflow-wrap:anywhere;
    }

    /* ====================== دیوایدر و فلش تبلت ====================== */

    /* خط عمودی */
    .jet-listing-grid--633 .jet-listing-grid__item:not(:last-child)::after{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:1px;
        height:100%;
        background:#E7EBF2;
    }

    /* فلش تبلت */
    .jet-listing-grid--633 .jet-listing-grid__item:not(:last-child)::before{
        content:"";
        position:absolute;
        top:96px;           /* موقعیت عمودی فلش */
        left:0;
        width:34px;
        height:34px;
        transform:translate(-50%,0) rotate(90deg);
        background:#fff url("https://decorarshive.ir/wp-content/uploads/2026/05/chevron-down.svg") center center / 14px no-repeat;
        border:1px solid #E7EBF2;
        border-radius:50%;
        z-index:5;
    }

    /* افکت hover فلش (اختیاری - نگه داشته شده) */
    .jet-listing-grid--633 .jet-listing-grid__item:hover::before{
        background-color:#fff;
        border-color:#DCE4EF;
        transform:translate(-50%,0) rotate(90deg) scale(1.06);
    }
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .jet-listing-grid--633 .jet-listing-grid__items{

        display:flex !important;

        flex-direction:column;

        gap:0;

    }

    .jet-listing-grid--633 .jet-listing-grid__item{

        width:100% !important;

        max-width:100% !important;

        flex:none !important;

        position:relative;

    }

   .step-999{
        border:none !important;
        padding:28px 20px 48px !important;   /* کاهش padding-bottom */
        overflow:visible !important;
        min-height: auto !important;         /* مهم */
        height: auto !important;             /* مهم */
    }

    .icon-step-999{

        width:72px !important;
        height:72px !important;

        min-width:72px !important;
        min-height:72px !important;

        max-width:72px !important;
        max-height:72px !important;

        aspect-ratio:1/1;

        flex:0 0 72px;

        margin:0 auto 18px;

    }

    .description-step-999{

        max-height:none !important;

        height:auto !important;

        opacity:1 !important;

        overflow:visible !important;

        margin-top:18px !important;

        transform:none !important;

        transition:none !important;

    }

    .description-step-999 p{

        transform:none !important;

    }

    .step-999:hover{

        padding:28px 20px 56px !important;

    }

    .step-999:hover .description-step-999{

        max-height:none !important;

        opacity:1 !important;

        margin-top:18px !important;

        transform:none !important;

    }

    .step-999:hover .icon-step-999{

        background:#fff !important;

        border-color:#DCE4EF !important;

        transform:none !important;

    }

    .step-999:hover .icon-step-999 img{

        filter:none !important;

        transform:none !important;

    }

    /* حذف دیوایدر دسکتاپ */

    .jet-listing-grid--633 .jet-listing-grid__item::before{

        display:none !important;

    }

    /* خط افقی */

    .jet-listing-grid--633 .jet-listing-grid__item:not(:last-child) .step-999::after{

        content:"";

        position:absolute;

        left:50%;

        bottom:0;

        transform:translateX(-50%);

        width:75%;

        height:1px;

        background:#E7EBF2;

    }



}/* End custom CSS */