.elementor-13356 .elementor-element.elementor-element-af94dfe{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13356 .elementor-element.elementor-element-a7256af{--display:flex;}.elementor-13356 .elementor-element.elementor-element-5ae0fc6{--display:flex;}@media(max-width:1024px){.elementor-13356 .elementor-element.elementor-element-af94dfe{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13356 .elementor-element.elementor-element-af94dfe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13356 .elementor-element.elementor-element-a7256af{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-9229ea2 */.kalaback-order-guide {
    direction: rtl;
    font-size: 13px;
    line-height: 2;
    text-align: justify;
}

.kalaback-order-guide .kalaback-order-image {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover;

    float: left !important;

    margin-top: 5px;
    margin-right: 25px;
    margin-bottom: 12px;
    margin-left: 0;

    shape-outside: circle(50%);
    shape-margin: 10px;
}

.kalaback-order-guide h3 {
    color: #FF7A00;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 10px;
}

.kalaback-order-guide p {
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd38c04 *//* =========================================
   KALABACK SUPPORT
========================================= */

.kalaback-support-section{

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:0 !important;

    display:block !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

    line-height:0 !important;
    font-size:0 !important;
}


/* =========================================
   WAVE
========================================= */

.kalaback-support-wave{

    width:100vw !important;
    max-width:100vw !important;

    height:85px !important;

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

    display:block !important;

    line-height:0 !important;
    font-size:0 !important;

    overflow:hidden !important;
}


.kalaback-support-wave svg{

    display:block !important;

    width:100% !important;
    min-width:100% !important;

    height:100% !important;

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

    border:0 !important;

    vertical-align:top !important;
}


/* =========================================
   CONTENT
========================================= */

.kalaback-support-content{

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        35px
        20px
        45px !important;

    box-sizing:border-box !important;

    display:block !important;

    background:
        linear-gradient(
            to bottom,
            #17243A 0%,
            #1D2B43 35%,
            #263650 70%,
            #30415D 100%
        );

    line-height:normal;
}


/* =========================================
   INNER
========================================= */

.kalaback-support-inner{

    width:100%;

    max-width:1100px;

    margin:0 auto;

    text-align:center;

    direction:rtl;
}


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

.kalaback-support-inner h2{

    margin:0 0 10px;

    color:#fff;

    font-size:30px;

    line-height:1.5;

    font-weight:700;
}


/* =========================================
   INTRO
========================================= */

.kalaback-support-intro{

    max-width:850px;

    margin:0 auto 30px;

    color:rgba(255,255,255,.82);

    font-size:15px;

    line-height:2;

}


/* =========================================
   SUPPORT ITEMS
========================================= */

.kalaback-support-items{

    width:100%;

    display:grid;

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

    gap:18px;
}


/* =========================================
   ITEM
========================================= */

.kalaback-support-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:20px 18px;

    box-sizing:border-box;

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

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

    border-radius:16px;

    text-align:right;

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


.kalaback-support-item:hover{

    transform:translateY(-4px);

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

    border-color:rgba(255,255,255,.22);
}


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

.kalaback-support-icon{

    flex:0 0 46px;

    width:46px;
    height:46px;

    display:flex;

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

    border-radius:50%;

    background:#FF7A00;

    color:#fff;

    font-size:21px;

    font-weight:700;
}


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

.kalaback-support-text{

    min-width:0;

    flex:1;
}


.kalaback-support-text h3{

    margin:0 0 5px;

    color:#fff;

    font-size:16px;

    line-height:1.6;

    font-weight:700;
}


.kalaback-support-text p{

    margin:0;

    color:rgba(255,255,255,.70);

    font-size:13px;

    line-height:1.85;
}


/* =========================================
   BOTTOM MESSAGE
========================================= */

.kalaback-support-message{

    margin:24px auto 0;

    padding:14px 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    max-width:600px;

    box-sizing:border-box;

    border-radius:12px;

    background:rgba(255,122,0,.10);

    border:1px solid rgba(255,122,0,.20);

    color:rgba(255,255,255,.80);

    font-size:13px;

    line-height:1.8;
}


.kalaback-support-message strong{

    color:#FF7A00;

    font-weight:700;
}


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

@media(max-width:767px){

    .kalaback-support-wave{

        height:60px !important;
    }


    .kalaback-support-content{

        padding:
            28px
            15px
            35px !important;
    }


    .kalaback-support-inner h2{

        font-size:25px;
    }


    .kalaback-support-intro{

        font-size:14px;

        line-height:2;

        margin-bottom:24px;
    }


    .kalaback-support-items{

        grid-template-columns:1fr;

        gap:12px;
    }


    .kalaback-support-item{

        padding:16px;

        gap:13px;
    }


    .kalaback-support-icon{

        flex:0 0 44px;

        width:44px;
        height:44px;

        font-size:20px;
    }


    .kalaback-support-text h3{

        font-size:15px;
    }


    .kalaback-support-text p{

        font-size:12px;

        line-height:1.9;
    }


    .kalaback-support-message{

        flex-direction:column;

        gap:2px;

        margin-top:20px;

        padding:12px 15px;

        font-size:12px;
    }

}
/* =========================================
   SUPPORT - FOOTER GAP FIX
========================================= */

body:has(.kalaback-support-section) .wd-page-content.main-page-wrapper{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body:has(.kalaback-support-section) #main-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body:has(.kalaback-support-section) .wd-content-area{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body:has(.kalaback-support-section) article.entry-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body:has(.kalaback-support-section) .elementor{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* Elementor Widget */

body:has(.kalaback-support-section)
.elementor-widget-html:has(.kalaback-support-section){

    width:100% !important;
    max-width:none !important;

    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


body:has(.kalaback-support-section)
.elementor-widget-html:has(.kalaback-support-section)
.elementor-widget-container{

    width:100% !important;

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


/* Parent Container */

body:has(.kalaback-support-section)
.e-con:has(.kalaback-support-section){

    width:100% !important;
    max-width:none !important;

    margin-bottom:0 !important;
    padding-bottom:0 !important;

    min-height:0 !important;
    gap:0 !important;
}


body:has(.kalaback-support-section)
.e-con:has(.kalaback-support-section) > .e-con-inner{

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding-bottom:0 !important;

    min-height:0 !important;
    gap:0 !important;
}


/* Wave */

.kalaback-support-wave + .kalaback-support-content{

    margin-top:-1px !important;
}


/* Footer */

body:has(.kalaback-support-section) footer,
body:has(.kalaback-support-section) .wd-footer,
body:has(.kalaback-support-section) .footer-container{

    margin-top:0 !important;
}


/* فضای پایین داخل بخش */

.kalaback-support-content{

    margin-bottom:0 !important;

    padding-bottom:45px !important;
}


@media(max-width:767px){

    .kalaback-support-content{

        padding-bottom:35px !important;
    }

}/* End custom CSS */