.elementor-10284 .elementor-element.elementor-element-9e027d1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10284 .elementor-element.elementor-element-27afcd2{--display:flex;}.elementor-10284 .elementor-element.elementor-element-3a8f3dc{--display:flex;}@media(max-width:1024px){.elementor-10284 .elementor-element.elementor-element-9e027d1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10284 .elementor-element.elementor-element-9e027d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10284 .elementor-element.elementor-element-27afcd2{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-bf30fdc */.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-edb7e25 *//* =========================================
   KALABACK ABOUT WAVE
========================================= */

.kalaback-about-wave-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;
    overflow:hidden !important;
    box-sizing:border-box;
}


/* موج */

.kalaback-about-wave{
    position:relative;
    width:100vw !important;
    max-width:100vw !important;
    height:85px;
    margin:0 !important;
    padding:0 !important;
    line-height:0;
    overflow:hidden;
    box-sizing:border-box;
}

.kalaback-about-wave svg{
    display:block;
    width:100% !important;
    min-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    vertical-align:top;
}


/* بخش آبی */

.kalaback-about-content{
    width:100% !important;
    min-height:280px;

    margin:0 !important;
    padding:35px 20px 45px !important;

    box-sizing:border-box;

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


/* محتوای اصلی */

.kalaback-about-inner{
    width:100%;
    max-width:900px;
    margin:0 auto;

    text-align:center;
    direction:rtl;
}


/* عنوان */

.kalaback-about-inner h2{
    margin:0 0 12px;

    color:#fff;

    font-size:30px;
    line-height:1.5;
    font-weight:700;
}


/* متن */

.kalaback-about-inner p{
    max-width:750px;

    margin:0 auto;

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

    font-size:16px;
    line-height:2.1;
}


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

@media(max-width:767px){

    .kalaback-about-wave{
        height:60px;
    }

    .kalaback-about-content{
        min-height:240px;
        padding:28px 18px 38px !important;
    }

    .kalaback-about-inner h2{
        font-size:25px;
        margin-bottom:10px;
    }

    .kalaback-about-inner p{
        font-size:14px;
        line-height:2;
    }

}
/* =========================================================
   KALABACK ABOUT
   ZERO GAP BEFORE FOOTER
========================================================= */


/* خود بخش About */

.kalaback-about-wave-section{
    width:100vw !important;
    max-width:100vw !important;

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

    position:relative;
    display:block !important;

    overflow:hidden !important;
}


/* بخش آبی About */

.kalaback-about-content{
    width:100% !important;

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

    display:block !important;

    box-sizing:border-box;
}


/* آخرین محتوای داخل About */

.kalaback-about-inner{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* =========================================================
   ELEMENTOR — حذف فاصله بعد از ویجت
========================================================= */

.kalaback-about-wave-section
~ *{
    margin-top:0 !important;
}


/* هر چیزی که بعد از About می‌آید */

.kalaback-about-wave-section + *{
    margin-top:0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
========================================================= */

.elementor-widget-html:has(.kalaback-about-wave-section){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


.elementor-widget-html:has(.kalaback-about-wave-section)
.elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


/* کانتینر والد ویجت */

.e-con:has(.kalaback-about-wave-section){
    margin-bottom:0 !important;
    padding-bottom:0 !important;

    min-height:0 !important;

    gap:0 !important;
}


/* Inner والد */

.e-con:has(.kalaback-about-wave-section) > .e-con-inner{
    margin-bottom:0 !important;
    padding-bottom:0 !important;

    min-height:0 !important;

    gap:0 !important;
}


/* =========================================================
   اگر About آخرین کانتینر Elementor باشد
========================================================= */

.elementor > .e-parent:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


.elementor > .e-parent:last-child > .e-con-inner{
    margin-bottom:0 !important;
    padding-bottom:0 !important;

    gap:0 !important;
}


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

.wd-page-content.main-page-wrapper{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


#main-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


.wd-content-area{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


article.entry-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* =========================================================
   FOOTER
========================================================= */

footer{
    margin-top:0 !important;
}


.wd-footer{
    margin-top:0 !important;
}


.footer-container{
    margin-top:0 !important;
}


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

@media(max-width:767px){

    .kalaback-about-wave-section{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .kalaback-about-content{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .elementor-widget-html:has(.kalaback-about-wave-section){
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

}
/* =========================================================
   KALABACK ABOUT
   FULL WIDTH + ZERO GAP
========================================================= */

/* خود About */
.kalaback-about-wave-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;

    position:relative !important;
    display:block !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* موج */
.kalaback-about-wave{
    width:100vw !important;
    max-width:100vw !important;

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

    display:block !important;

    box-sizing:border-box !important;
}


/* بخش سرمه‌ای */
.kalaback-about-content{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    box-sizing:border-box !important;

    display:block !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   فقط عرض را آزاد می‌کنیم
========================================================= */

.elementor-widget-html:has(.kalaback-about-wave-section){
    width:100% !important;
    max-width:none !important;

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


.elementor-widget-html:has(.kalaback-about-wave-section)
.elementor-widget-container{
    width:100% !important;
    max-width:none !important;

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


/* والد Elementor */
.e-con:has(.kalaback-about-wave-section){
    width:100% !important;
    max-width:none !important;

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

    min-height:0 !important;
}


/* Inner */
.e-con:has(.kalaback-about-wave-section) > .e-con-inner{
    width:100% !important;
    max-width:none !important;

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

    min-height:0 !important;
}


/* =========================================================
   حذف فاصله قبل فوتر
========================================================= */

.wd-page-content.main-page-wrapper{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

#main-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.wd-content-area{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

article.entry-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* فوتر */
footer,
.wd-footer,
.footer-container{
    margin-top:0 !important;
}


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

@media(max-width:767px){

    .kalaback-about-wave-section{
        width:100vw !important;
        max-width:100vw !important;

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

        margin-bottom:0 !important;
    }

    .kalaback-about-wave{
        width:100vw !important;
        max-width:100vw !important;
    }

    .kalaback-about-content{
        width:100% !important;
        max-width:none !important;
    }

}
/* =========================================
   REMOVE WHITE LINE INSIDE ABOUT HTML
========================================= */

.kalaback-about-wave-section{
    line-height:0 !important;
    font-size:0 !important;
}


/* خود موج */
.kalaback-about-wave{
    display:block !important;
    height:85px !important;

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

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

    overflow:hidden !important;
}


/* SVG */
.kalaback-about-wave svg{
    display:block !important;

    width:100% !important;
    height:100% !important;

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

    border:0 !important;

    vertical-align:top !important;
}


/* بخش سرمه‌ای دقیقاً بچسبد به موج */
.kalaback-about-content{
    display:block !important;

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

    border-top:0 !important;

    line-height:normal;
}


/* حذف فاصله احتمالی بین SVG و بخش بعدی */
.kalaback-about-wave + .kalaback-about-content{
    margin-top:-1px !important;
}/* End custom CSS */