.elementor-1879 .elementor-element.elementor-element-f44dffc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1879 .elementor-element.elementor-element-f44dffc:not(.elementor-motion-effects-element-type-background), .elementor-1879 .elementor-element.elementor-element-f44dffc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #061A31 0%, #244163 100%);}.elementor-1879 .elementor-element.elementor-element-4f50648{text-align:center;}.elementor-1879 .elementor-element.elementor-element-4f50648 .elementor-heading-title{color:#FFFFFF;}.elementor-1879 .elementor-element.elementor-element-f6396a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-1879 .elementor-element.elementor-element-f6396a9{text-align:center;color:#E8EEF7;}.elementor-1879 .elementor-element.elementor-element-50105ee{--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;}.elementor-1879 .elementor-element.elementor-element-73a3597{--spacer-size:50px;}.elementor-1879 .elementor-element.elementor-element-d197182{--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;--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-1879 .elementor-element.elementor-element-9c2acb6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1879 .elementor-element.elementor-element-ca7bec6{--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;--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-1879 .elementor-element.elementor-element-c428b27{width:var( --container-widget-width, 101.644% );max-width:101.644%;--container-widget-width:101.644%;--container-widget-flex-grow:0;}.elementor-1879 .elementor-element.elementor-element-c428b27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1879 .elementor-element.elementor-element-c428b27.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1879 .elementor-element.elementor-element-a78f3a7{--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;}.elementor-1879 .elementor-element.elementor-element-87c9297{width:var( --container-widget-width, 98.512% );max-width:98.512%;--container-widget-width:98.512%;--container-widget-flex-grow:0;}.elementor-1879 .elementor-element.elementor-element-87c9297.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1879 .elementor-element.elementor-element-987aeac{--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;}.elementor-1879 .elementor-element.elementor-element-987aeac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1879 .elementor-element.elementor-element-9dd04a3{width:var( --container-widget-width, 99.814% );max-width:99.814%;--container-widget-width:99.814%;--container-widget-flex-grow:0;}.elementor-1879 .elementor-element.elementor-element-9dd04a3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1879 .elementor-element.elementor-element-987aeac{--width:100.365%;}}@media(max-width:767px){.elementor-1879 .elementor-element.elementor-element-f44dffc{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1879 .elementor-element.elementor-element-4f50648 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9c2acb6 */.story-section{

    position:relative;

    padding:100px 20px;

    overflow:hidden;

    background:
    linear-gradient(135deg,#0f172a,#111827,#1f2937);

}

.bg-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    opacity:.25;

}

.circle1{

    width:300px;

    height:300px;

    background:#ff9800;

    top:-120px;

    right:-80px;

}

.circle2{

    width:250px;

    height:250px;

    background:#2563eb;

    bottom:-80px;

    left:-60px;

}

.story-card{

    position:relative;

    max-width:900px;

    margin:auto;

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

    backdrop-filter:blur(18px);

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

    border-radius:28px;

    padding:60px;

    overflow:hidden;

    color:#fff;

    box-shadow:
    0 25px 60px rgba(0,0,0,.45);

    transition:.4s;

}

.story-card:hover{

    transform:translateY(-8px);

    box-shadow:0 35px 80px rgba(0,0,0,.55);

}

.steel-line{

    position:absolute;

    top:0;

    right:0;

    width:8px;

    height:100%;

    background:linear-gradient(#ff9800,#ffc107);

}

.story-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#ff9800,#ffb300);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    box-shadow:0 15px 35px rgba(255,152,0,.4);

}

.story-tag{

    display:table;

    margin:25px auto 15px;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(255,152,0,.15);

    color:#ffb300;

    border:1px solid rgba(255,179,0,.3);

    font-weight:bold;

}

.story-card h2{

    text-align:center;

    font-size:42px;

    margin-bottom:25px;

}

.story-card p{

    text-align:center;

    color:#d1d5db;

    font-size:18px;

    line-height:2.3;

}

.story-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:40px 0;

}

.item{

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

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

    border-radius:14px;

    padding:18px;

    text-align:center;

    transition:.3s;

}

.item:hover{

    background:#ff9800;

    color:#111;

    transform:translateY(-6px);

}

.story-btn{

    display:table;

    margin:auto;

    text-decoration:none;

    padding:16px 40px;

    border-radius:60px;

    background:linear-gradient(90deg,#ff9800,#ffc107);

    color:#111;

    font-weight:bold;

    transition:.3s;

}

.story-btn:hover{

    transform:scale(1.05);

    box-shadow:0 10px 35px rgba(255,152,0,.45);

}

@media(max-width:768px){

.story-card{

padding:35px 25px;

}

.story-card h2{

font-size:30px;

}

.story-features{

grid-template-columns:1fr;

}

.story-card p{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87c9297 */.contact-section{
    direction:rtl;
    padding:70px 20px;
}


.cards{
    display:flex;
    justify-content:center;
    gap:35px;
    flex-wrap:wrap;
}



/* کارت */

.contact-card{

    width:280px;
    height:215px;
    position:relative;
    cursor:pointer;

}



/* شماره */

.number-card{

    position:absolute;

    width:80%;
    height:75px;

    bottom:-25px;
    left:15%;


    background:#ffffff;

    border-radius:22px;


    display:flex;
    justify-content:center;
    align-items:center;padding-top:18px;


    font-size:21px;
    font-weight:800;


    color:#1e293b;


    box-shadow:0 15px 35px rgba(0,0,0,.2);

}



/* کارت اصلی */

.main-card{

    position:absolute;

    width:100%;

    height:155px;

    top:0;


    border-radius:25px;


    color:white;


    display:flex;

    flex-direction:column;


    justify-content:center;

    align-items:center;


    font-size:25px;

    font-weight:900;


    z-index:2;


    box-shadow:
    0 15px 35px rgba(0,0,0,.25);

}




/* آیکن */

.icon{

    width:65px;

    height:65px;


    border-radius:50%;


    display:flex;

    align-items:center;

    justify-content:center;


    margin-bottom:10px;

}


.icon i{

    color:white;

    font-size:34px;

}




/* رنگ کارت ها */

.phone .main-card,
.whatsapp .main-card,
.telegram .main-card{

    background:#1e3a5f;

}




/* رنگ آیکن ها */

.phone .icon{

    background:#a855f7;

}


.whatsapp .icon{

    background:#22c55e;

}


.telegram .icon{

    background:#0ea5e9;

}





/* افکت گرافیکی */

.main-card::before{

content:"";

position:absolute;

width:160px;

height:160px;

border-radius:50%;


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


top:-50px;

right:-50px;


}



.main-card::after{

content:"";

position:absolute;

width:100px;

height:100px;

border-radius:50%;


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


bottom:-30px;

left:-30px;


}





/* موبایل */

@media(max-width:576px){

    .contact-section{

        padding:40px 10px;

    }


    .cards{

        gap:45px;

    }


    .contact-card{

        height:220px;

    }


    .number-card{

        bottom:-20px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dd04a3 */.why-section{
    background:#f8f9fa;
    padding:70px 25px;
    margin:50px auto;
    border-radius:30px;
    overflow:hidden;
}

.why-section h2{
    text-align:center;
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:50px;
    color:#222;
}

.why-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}

.why-card{
    background:#fff;
    border-radius:22px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.why-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    color:#fff;
    font-size:28px;
}

.blue{background:#2196f3;}
.green{background:#4caf50;}
.orange{background:#ff9800;}
.purple{background:#9c27b0;}
.red{background:#f44336;}
.cyan{background:#00bcd4;}

.why-card h4{
    font-size:1.3rem;
    font-weight:700;
    margin-bottom:10px;
}

.why-card p{
    color:#666;
    margin:0;
    line-height:1.8;
}

@media(max-width:768px){
    .why-section{
        border-radius:20px;
        padding:50px 20px;
    }

    .why-section h2{
        font-size:2rem;
    }
}/* End custom CSS */