.elementor-2361 .elementor-element.elementor-element-b451686{--display:flex;}.elementor-2361 .elementor-element.elementor-element-5ee423f{--display:flex;}.elementor-2361 .elementor-element.elementor-element-caf94a9{--display:flex;}.elementor-2361 .elementor-element.elementor-element-21b0d31{--display:flex;}.elementor-2361 .elementor-element.elementor-element-953000e{--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:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-2361 .elementor-element.elementor-element-953000e:not(.elementor-motion-effects-element-type-background), .elementor-2361 .elementor-element.elementor-element-953000e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBD11A;}.elementor-2361 .elementor-element.elementor-element-1df7b4e{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2361 .elementor-element.elementor-element-a0ef3a4 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:22px;font-weight:600;line-height:1.2em;color:#000000;}.elementor-2361 .elementor-element.elementor-element-a9b61ec{--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;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2361 .elementor-element.elementor-element-720764d .octf-btn{background-color:#02010100;padding:10px 50px 10px 50px;opacity:1;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-2361 .elementor-element.elementor-element-720764d .octf-btn:hover, .elementor-2361 .elementor-element.elementor-element-720764d .octf-btn:focus{background-color:#FFFFFF;color:#111111;}.elementor-2361 .elementor-element.elementor-element-720764d .octf-btn i{font-size:8px;color:#000000;}.elementor-2361 .elementor-element.elementor-element-720764d .octf-btn svg{width:8px;fill:#000000;}@media(min-width:768px){.elementor-2361 .elementor-element.elementor-element-1df7b4e{--width:66.6666%;}.elementor-2361 .elementor-element.elementor-element-a9b61ec{--width:33.3333%;}}/* Start custom CSS for html, class: .elementor-element-adfddc7 */.ml-hero{
background:#0f172a;
padding:140px 20px;
text-align:center;
}

.ml-container{
max-width:900px;
margin:auto;
}

.ml-badge{
display:inline-block;
padding:10px 18px;
border-radius:50px;
background:rgba(59,130,246,.15);
color:#60a5fa;
font-size:14px;
margin-bottom:25px;
}

.ml-hero h1{
color:#fff;
font-size:60px;
line-height:1.4;
font-weight:800;
margin-bottom:25px;
}

.ml-hero h1 span{
color:#3b82f6;
}

.ml-hero p{
color:#cbd5e1;
font-size:20px;
line-height:2;
max-width:750px;
margin:0 auto 40px;
}

.ml-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.btn-primary{
background:#3b82f6;
color:#fff;
text-decoration:none;
padding:15px 35px;
border-radius:12px;
font-weight:600;
}

.btn-secondary{
border:1px solid rgba(255,255,255,.2);
color:#fff;
text-decoration:none;
padding:15px 35px;
border-radius:12px;
}

@media(max-width:768px){

```
.ml-hero h1{
    font-size:38px;
}

.ml-hero p{
    font-size:16px;
}
```

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26e29e6 */.ml-benefits{
    padding:100px 20px;
    background:#ffffff;
}

.container{
    max-width:1200px;
    margin:auto;
}

.section-title{
    max-width:800px;
    margin:0 auto 60px;
    text-align:center;
}

.section-title span{
    color:#3b82f6;
    font-size:15px;
    font-weight:600;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    margin:15px 0 20px;
    color:#111827;
}

.section-title p{
    color:#6b7280;
    line-height:2;
    font-size:16px;
}

.benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.benefit-card{
    background:#ffffff;
    padding:35px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:all .3s ease;
}

.benefit-card:hover{
    transform:translateY(-8px);
}

.icon{
    font-size:42px;
    margin-bottom:20px;
}

.benefit-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:15px;
}

.benefit-card p{
    color:#6b7280;
    line-height:1.8;
    font-size:15px;
}

@media(max-width:992px){

    .benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .benefits-grid{
        grid-template-columns:1fr;
    }

    .section-title h2{
        font-size:30px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-994c811 */.ml-services{
    padding:100px 20px;
    background:#0f172a;
    overflow-x:hidden;
    box-sizing:border-box;
}

/* مهم: جلوگیری از تداخل المنتور */
.ml-services .container{
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    width:100%;
    box-sizing:border-box;
}

/* عنوان */
.ml-services .section-title{
    text-align:center;
    margin-bottom:60px;
}

.ml-services .section-title span{
    color:#60a5fa;
    font-weight:600;
}

.ml-services .section-title h2{
    color:#fff;
    font-size:40px;
    margin:15px 0;
}

.ml-services .section-title p{
    color:#cbd5e1;
}

/* GRID FIX اصلی */
.ml-services .services-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:20px;
    width:100%;
}

/* CARD FIX مهم */
.ml-services .service-card{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    padding:25px;
    border-radius:16px;
    transition:.3s;
    overflow:hidden;
    min-width:0; /* مهم‌ترین fix grid overflow */
    box-sizing:border-box;
}

.ml-services .service-card:hover{
    transform:translateY(-6px);
    border-color:#3b82f6;
}

.ml-services .service-icon{
    font-size:36px;
    margin-bottom:10px;
}

.ml-services .service-card h3{
    color:#fff;
    margin-bottom:10px;
    font-size:18px;
}

.ml-services .service-card p{
    color:#cbd5e1;
    font-size:14px;
    line-height:1.7;
    word-break:break-word;
}

/* responsive */
@media(max-width:992px){
    .ml-services .services-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:600px){
    .ml-services .services-grid{
        grid-template-columns:1fr;
    }

    .ml-services .section-title h2{
        font-size:28px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd19cf2 */.ml-process{
    padding:100px 20px;
    background:#ffffff;
    width:100%;
    max-width:100%;
    overflow-x:hidden; /* مهم */
    box-sizing:border-box;
}

/* جلوگیری از بیرون زدگی المنتور */
.ml-process *{
    box-sizing:border-box;
}

.ml-process .container{
    max-width:1200px;
    margin:0 auto;
    width:100%;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:25px;
    margin-top:50px;
    width:100%;
}

.process-step{
    background:#0f172a;
    color:#fff;
    padding:30px 25px;
    border-radius:18px;
    position:relative;
    transition:.3s;
    overflow:hidden;
    min-width:0; /* خیلی مهم برای جلوگیری از overflow در grid */
}

.process-step:hover{
    transform:translateY(-8px);
    background:#111c33;
}

.step-number{
    font-size:40px;
    font-weight:800;
    color:#3b82f6;
    margin-bottom:15px;
}

.process-step h3{
    margin-bottom:10px;
    font-size:18px;
}

.process-step p{
    color:#cbd5e1;
    font-size:14px;
    line-height:1.8;
    word-break:break-word;
}

.section-title{
    text-align:center;
}

.section-title h2{
    font-size:40px;
    margin:15px 0;
    color:#111827;
}

.section-title p{
    color:#6b7280;
}

/* responsive */
@media(max-width:992px){
    .process-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:600px){
    .process-grid{
        grid-template-columns:1fr;
    }

    .section-title h2{
        font-size:28px;
    }
}/* End custom CSS */