.elementor-1789 .elementor-element.elementor-element-b5c35c2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-f63f68d{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-f63f68d.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-654cf98{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-4d73e59{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-4d73e59.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-171ee1f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-ce0c62b{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-ce0c62b.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-f819c15{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-0c60f87{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-0c60f87.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-033c03a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-c399e22{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-c399e22.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-cba95b8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-a0df38b{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-a0df38b.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-a6b21ef{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-b153f71{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-b153f71.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-4ba391d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-32d64cd{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-32d64cd.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-3d1eb7a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-6652463{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-6652463.elementor-element{--align-self:center;}.elementor-1789 .elementor-element.elementor-element-f9aa8be{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1789 .elementor-element.elementor-element-e6a5304{width:100%;max-width:100%;}.elementor-1789 .elementor-element.elementor-element-e6a5304.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1789 .elementor-element.elementor-element-b5c35c2{--width:100%;}.elementor-1789 .elementor-element.elementor-element-654cf98{--width:100%;}.elementor-1789 .elementor-element.elementor-element-171ee1f{--width:100%;}.elementor-1789 .elementor-element.elementor-element-f819c15{--width:100%;}.elementor-1789 .elementor-element.elementor-element-033c03a{--width:100%;}.elementor-1789 .elementor-element.elementor-element-cba95b8{--width:100%;}.elementor-1789 .elementor-element.elementor-element-a6b21ef{--width:100%;}.elementor-1789 .elementor-element.elementor-element-4ba391d{--width:100%;}.elementor-1789 .elementor-element.elementor-element-3d1eb7a{--width:100%;}.elementor-1789 .elementor-element.elementor-element-f9aa8be{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f63f68d *//* =========================================================
   MARKETING & BRANDING HERO
========================================================= */


.mb-hero{

position:relative;

width:100%;

padding:140px 0 110px;

overflow:hidden;

isolation:isolate;

background:

linear-gradient(
180deg,
#ffffff 0%,
#f8fbff 100%
);

}


/* Background Glow */

.mb-hero__background{

position:absolute;

inset:0;

z-index:0;

pointer-events:none;

}


.mb-hero__background::before{

content:"";

position:absolute;

width:620px;

height:620px;

top:-260px;

left:50%;

transform:translateX(-50%);

border-radius:50%;

background:

radial-gradient(
circle,
rgba(37,99,235,.16),
transparent 70%
);

filter:blur(60px);

}


.mb-hero__background::after{

content:"";

position:absolute;

width:420px;

height:420px;

right:-160px;

bottom:-180px;

border-radius:50%;

background:

radial-gradient(
circle,
rgba(96,165,250,.12),
transparent 70%
);

filter:blur(70px);

}



/* Container */

.mb-hero__container{

position:relative;

z-index:2;

width:100%;

max-width:1180px;

margin-inline:auto;

padding-inline:32px;

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

}



/* Badge */

.mb-hero__badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#eff6ff;

border:1px solid #dbeafe;

font-family:"IranYekanX",sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

color:#2563eb;

margin-bottom:32px;

}



/* Title */

.mb-hero__title{

font-family:"IranYekanX",sans-serif !important;

font-weight:900;

font-size:clamp(42px,5vw,72px);

line-height:1.25;

letter-spacing:-.045em;

color:#0f172a;

max-width:950px;

margin:0 auto 28px;

}



/* Description */

.mb-hero__description{

font-family:"IranYekanX",sans-serif;

font-size:19px;

font-weight:400;

line-height:2;

color:#64748b;

max-width:820px;

margin:0 auto 45px;

}



/* Buttons */

.mb-hero__actions{

display:flex;

align-items:center;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}



.mb-btn{

font-family:"IranYekanX",sans-serif;

display:inline-flex;

align-items:center;

justify-content:center;

height:58px;

padding:0 34px;

border-radius:16px;

font-size:15px;

font-weight:700;

text-decoration:none;

transition:

transform .35s ease,

box-shadow .35s ease,

background .35s ease;

}



/* Primary */

.mb-btn--primary{

background:

linear-gradient(
135deg,
#2563eb,
#1d4ed8
);

color:#fff;

box-shadow:

0 18px 45px rgba(37,99,235,.25);

}



.mb-btn--primary:hover{

transform:translateY(-5px);

box-shadow:

0 25px 60px rgba(37,99,235,.35);

}



/* Secondary */

.mb-btn--secondary{

background:#fff;

border:1px solid #dbe3f0;

color:#0f172a;

}



.mb-btn--secondary:hover{

transform:translateY(-5px);

border-color:#93c5fd;

box-shadow:

0 20px 45px rgba(15,23,42,.08);

}



/* Trust Metrics */

.mb-hero__trust{

margin-top:85px;

width:100%;

display:grid;

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

gap:24px;

max-width:900px;

}



.mb-trust-item{

padding:28px 22px;

background:

rgba(255,255,255,.75);

border:1px solid #e5edf8;

border-radius:24px;

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

box-shadow:

0 15px 40px rgba(15,23,42,.05);

}



.mb-trust-item strong{

display:block;

font-family:"IranYekanX",sans-serif;

font-size:26px;

font-weight:900;

color:#0f172a;

margin-bottom:10px;

}



.mb-trust-item span{

font-family:"IranYekanX",sans-serif;

font-size:14px;

color:#64748b;

}



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

@media(max-width:1024px){


.mb-hero{

padding:100px 0 80px;

}


.mb-hero__title{

font-size:48px;

}


.mb-hero__description{

font-size:17px;

}


.mb-hero__trust{

grid-template-columns:1fr;

max-width:500px;

}


}



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

@media(max-width:767px){


.mb-hero{

padding:75px 0 65px;

}


.mb-hero__container{

padding-inline:20px;

}


.mb-hero__badge{

font-size:11px;

}


.mb-hero__title{

font-size:34px;

line-height:1.35;

}


.mb-hero__description{

font-size:15px;

line-height:2;

}


.mb-hero__actions{

width:100%;

flex-direction:column;

}


.mb-btn{

width:100%;

height:54px;

}


.mb-hero__trust{

margin-top:55px;

gap:16px;

}


.mb-trust-item{

padding:22px;

}


.mb-trust-item strong{

font-size:22px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d73e59 *//* =========================================================
SECTION 02
MARKETING SYSTEM
========================================================= */

.mb-system{

position:relative;

padding:130px 0;

overflow:hidden;

background:
linear-gradient(
180deg,
#F8FBFF 0%,
#FFFFFF 100%
);

}


/* ==========================
Container
========================== */

.mb-system__container{

width:100%;

max-width:1220px;


margin:auto;

padding-inline:32px;

position:relative;

z-index:2;

}


/* ==========================
Header
========================== */

.mb-system__header{

max-width:820px;

margin:0 auto 80px;

text-align:center;

}


.mb-system__eyebrow{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#EFF6FF;

border:1px solid #DBEAFE;

font-family:"IranYekanX";

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563EB;

margin-bottom:28px;

}


.mb-system__title{

font-family:"IranYekanX";

font-size:clamp(34px,4vw,54px);

font-weight:900;

line-height:1.28;

letter-spacing:-.04em;

color:#0F172A;

margin-bottom:26px;

}


.mb-system__description{

font-family:"IranYekanX";

font-size:18px;

line-height:2;

color:#64748B;

}


/* ==========================
GRID
========================== */

.mb-system__grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:28px;

align-items:stretch;

}


/* ==========================
CARD
========================== */

.mb-system-card{

display:flex;

flex-direction:column;

align-items:flex-start;

padding:34px;

border-radius:28px;

background:#fff;

border:1px solid #E6EDF6;

text-decoration:none;

transition:

transform .35s ease,

box-shadow .35s ease,

border-color .35s ease,

background .35s ease;

box-shadow:

0 10px 28px rgba(15,23,42,.05);

position:relative;

overflow:hidden;

}


.mb-system-card::before{

content:"";

position:absolute;

left:-120px;

top:-120px;

width:220px;

height:220px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.08),

transparent 72%

);

transition:.45s;

}


.mb-system-card:hover{

transform:translateY(-10px);

border-color:#BFDBFE;

box-shadow:

0 28px 60px rgba(15,23,42,.10);

}


.mb-system-card:hover::before{

transform:scale(1.25);

}


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

.mb-system-card__icon{

width:64px;

height:64px;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

background:#EFF6FF;

margin-bottom:26px;

transition:.35s;

}


.mb-system-card:hover .mb-system-card__icon{

background:#2563EB;

}


.mb-system-card__icon svg{

width:28px;

height:28px;

stroke:#2563EB;

stroke-linecap:round;

stroke-linejoin:round;

transition:.35s;

}


.mb-system-card:hover svg{

stroke:#fff;

}


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

.mb-system-card h3{

font-family:"IranYekanX";

font-size:24px;

font-weight:900;

letter-spacing:-.03em;

color:#0F172A;

margin:0 0 16px;

}


.mb-system-card p{

font-family:"IranYekanX";

font-size:15px;

line-height:2;

color:#64748B;

margin:0;

}


/* ==========================
CENTER CARD
========================== */

.mb-system-card--center{

justify-content:center;

align-items:center;

text-align:center;

background:

linear-gradient(
135deg,
#2563EB,
#1D4ED8
);

border:none;

color:#fff;

}


.mb-system-card__center{

display:flex;

flex-direction:column;

gap:14px;

}


.mb-system-card__center span{

font-family:"IranYekanX";

font-size:13px;

font-weight:700;

letter-spacing:.12em;

text-transform:uppercase;

opacity:.85;

}


.mb-system-card__center strong{

font-family:"IranYekanX";

font-size:30px;

font-weight:900;

line-height:1.25;

letter-spacing:-.03em;

}


.mb-system-card__center small{

font-family:"IranYekanX";

font-size:15px;

line-height:1.9;

opacity:.90;

}


/* ==========================
Hover Title
========================== */

.mb-system-card:hover h3{

color:#2563EB;

}


.mb-system-card--center:hover h3,

.mb-system-card--center:hover strong{

color:#fff;

}


/* ==========================
Responsive
========================== */

@media(max-width:1024px){

.mb-system{

padding:95px 0;

}

.mb-system__grid{

grid-template-columns:

repeat(2,1fr);

}

.mb-system-card--center{

grid-column:span 2;

}

}


@media(max-width:767px){

.mb-system{

padding:70px 0;

}

.mb-system__container{

padding-inline:20px;

}

.mb-system__header{

margin-bottom:50px;

}

.mb-system__title{

font-size:34px;

}

.mb-system__description{

font-size:15px;

}

.mb-system__grid{

grid-template-columns:1fr;

gap:20px;

}

.mb-system-card{

padding:26px;

border-radius:22px;

}

.mb-system-card--center{

grid-column:auto;

}

.mb-system-card__icon{

width:56px;

height:56px;

}

.mb-system-card h3{

font-size:22px;

}

}

/* ===== Force IranYekanX ===== */

.mb-system__title,
.mb-system__title *,
.mb-system__header h2{

font-family:"IranYekanX",sans-serif !important;

font-weight:900 !important;

font-style:normal !important;

letter-spacing:-0.04em;

color:#0F172A;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce0c62b *//* =========================================================
SECTION 03
SERVICES
========================================================= */

.mb-services{

position:relative;

padding:130px 0;

overflow:hidden;

background:
linear-gradient(
180deg,
#FFFFFF 0%,
#F8FBFF 100%
);

}


/*==============================
Container
==============================*/

.mb-services__container{

width:100%;

max-width:1220px;

margin:auto;

padding-inline:32px;

position:relative;

z-index:2;

}


/*==============================
Header
==============================*/

.mb-services__header{

max-width:820px;

margin:0 auto 80px;

text-align:center;

}


.mb-services__eyebrow{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#EFF6FF;

border:1px solid #DBEAFE;

font-family:"IranYekanX",sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563EB;

margin-bottom:26px;

}


.mb-services__title{

font-family:"IranYekanX",sans-serif !important;

font-size:clamp(34px,4vw,54px);

font-weight:900;

line-height:1.28;

letter-spacing:-.04em;

color:#0F172A;

margin-bottom:24px;

}


.mb-services__description{

font-family:"IranYekanX",sans-serif;

font-size:18px;

line-height:2;

color:#64748B;

}


/*==============================
Grid
==============================*/

.mb-services__grid{

display:grid;

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

gap:28px;

}


/*==============================
Card
==============================*/

.mb-service-card{

display:flex;

flex-direction:column;

align-items:flex-start;

padding:34px;

background:#fff;

border-radius:28px;

border:1px solid #E5EDF8;

text-decoration:none;

position:relative;

overflow:hidden;

transition:

transform .35s ease,

box-shadow .35s ease,

border-color .35s ease;

box-shadow:

0 12px 28px rgba(15,23,42,.05);

}


.mb-service-card::before{

content:"";

position:absolute;

left:-90px;

top:-90px;

width:180px;

height:180px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.07),

transparent 72%

);

transition:.45s;

}


.mb-service-card:hover{

transform:translateY(-10px);

border-color:#BFDBFE;

box-shadow:

0 26px 60px rgba(15,23,42,.10);

}


.mb-service-card:hover::before{

transform:scale(1.4);

}


/*==============================
Icon
==============================*/

.mb-service-card__icon{

width:68px;

height:68px;

display:flex;

justify-content:center;

align-items:center;

border-radius:18px;

background:#EFF6FF;

font-size:28px;

margin-bottom:24px;

transition:.35s;

}


.mb-service-card:hover .mb-service-card__icon{

background:#2563EB;

transform:rotate(-4deg) scale(1.05);

}


/* اگر بعداً SVG جایگزین شد */

.mb-service-card__icon svg{

width:30px;

height:30px;

stroke:#2563EB;

stroke-width:1.8;

fill:none;

transition:.35s;

}


.mb-service-card:hover svg{

stroke:#fff;

}


/*==============================
Text
==============================*/

.mb-service-card h3{

font-family:"IranYekanX",sans-serif;

font-size:24px;

font-weight:900;

letter-spacing:-.03em;

line-height:1.4;

color:#0F172A;

margin:0 0 16px;

transition:.35s;

}


.mb-service-card:hover h3{

color:#2563EB;

}


.mb-service-card p{

font-family:"IranYekanX",sans-serif;

font-size:15px;

line-height:2;

color:#64748B;

margin:0;

}


/*==============================
Background Detail
==============================*/

.mb-services::before{

content:"";

position:absolute;

left:-220px;

top:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.08),

transparent 72%

);

filter:blur(80px);

pointer-events:none;

}


.mb-services::after{

content:"";

position:absolute;

right:-220px;

bottom:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(96,165,250,.08),

transparent 72%

);

filter:blur(80px);

pointer-events:none;

}


/*==============================
Tablet
==============================*/

@media(max-width:1024px){

.mb-services{

padding:95px 0;

}

.mb-services__grid{

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

}

}


/*==============================
Mobile
==============================*/

@media(max-width:767px){

.mb-services{

padding:72px 0;

}

.mb-services__container{

padding-inline:20px;

}

.mb-services__header{

margin-bottom:50px;

}

.mb-services__title{

font-size:34px;

}

.mb-services__description{

font-size:15px;

line-height:2;

}

.mb-services__grid{

grid-template-columns:1fr;

gap:20px;

}

.mb-service-card{

padding:26px;

border-radius:22px;

}

.mb-service-card__icon{

width:58px;

height:58px;

font-size:24px;

}

.mb-service-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c60f87 *//* =========================================================
SECTION 04
MARKETING FRAMEWORK
========================================================= */

.mb-framework{

position:relative;

padding:130px 0;

overflow:hidden;

background:
linear-gradient(
180deg,
#F8FBFF 0%,
#FFFFFF 100%
);

}


/* =====================================
Container
===================================== */

.mb-framework__container{

width:100%;

max-width:1220px;

margin:auto;

padding-inline:32px;

position:relative;

z-index:2;

}


/* =====================================
Header
===================================== */

.mb-framework__header{

max-width:820px;

margin:0 auto 90px;

text-align:center;

}


.mb-framework__eyebrow{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#EFF6FF;

border:1px solid #DBEAFE;

font-family:"IranYekanX",sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563EB;

margin-bottom:26px;

}


.mb-framework__title{

font-family:"IranYekanX",sans-serif !important;

font-size:clamp(34px,4vw,54px);

font-weight:900;

line-height:1.28;

letter-spacing:-.04em;

color:#0F172A;

margin-bottom:24px;

}


.mb-framework__description{

font-family:"IranYekanX",sans-serif;

font-size:18px;

line-height:2;

color:#64748B;

}


/* =====================================
Timeline
===================================== */

.mb-framework__timeline{

display:flex;

align-items:stretch;

justify-content:center;

gap:22px;

}


/* =====================================
Step
===================================== */

.mb-framework-step{

flex:1;

background:#fff;

border:1px solid #E6EDF6;

border-radius:28px;

padding:36px 28px;

position:relative;

overflow:hidden;

transition:

transform .35s ease,

box-shadow .35s ease,

border-color .35s ease;

box-shadow:

0 12px 28px rgba(15,23,42,.05);

}


.mb-framework-step::before{

content:"";

position:absolute;

left:-80px;

top:-80px;

width:170px;

height:170px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.08),

transparent 72%

);

transition:.45s;

}


.mb-framework-step:hover{

transform:translateY(-10px);

border-color:#BFDBFE;

box-shadow:

0 24px 60px rgba(15,23,42,.10);

}


.mb-framework-step:hover::before{

transform:scale(1.4);

}


/* =====================================
Number
===================================== */

.mb-framework-step__number{

width:60px;

height:60px;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

background:#EFF6FF;

font-family:"IranYekanX";

font-size:20px;

font-weight:900;

color:#2563EB;

margin-bottom:26px;

transition:.35s;

}


.mb-framework-step:hover .mb-framework-step__number{

background:#2563EB;

color:#fff;

}


/* =====================================
Titles
===================================== */

.mb-framework-step h3{

font-family:"IranYekanX";

font-size:24px;

font-weight:900;

letter-spacing:-.03em;

line-height:1.45;

color:#0F172A;

margin:0 0 18px;

transition:.35s;

}


.mb-framework-step:hover h3{

color:#2563EB;

}


/* =====================================
Text
===================================== */

.mb-framework-step p{

font-family:"IranYekanX";

font-size:15px;

line-height:2;

color:#64748B;

margin:0;

}


/* =====================================
Arrow
===================================== */

.mb-framework-arrow{

display:flex;

justify-content:center;

align-items:center;

min-width:54px;

}


.mb-framework-arrow svg{

width:54px;

height:18px;

fill:none;

stroke:#CBD5E1;

stroke-width:1.8;

stroke-linecap:round;

stroke-linejoin:round;

}


/* =====================================
Glow
===================================== */

.mb-framework::before{

content:"";

position:absolute;

left:-250px;

top:-250px;

width:540px;

height:540px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.08),

transparent 72%

);

filter:blur(80px);

}


.mb-framework::after{

content:"";

position:absolute;

right:-220px;

bottom:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(96,165,250,.08),

transparent 72%

);

filter:blur(80px);

}


/* =====================================
Tablet
===================================== */

@media(max-width:1024px){

.mb-framework{

padding:95px 0;

}

.mb-framework__timeline{

flex-wrap:wrap;

}

.mb-framework-step{

flex:calc(50% - 12px);

}

.mb-framework-arrow{

display:none;

}

}


/* =====================================
Mobile
===================================== */

@media(max-width:767px){

.mb-framework{

padding:72px 0;

}

.mb-framework__container{

padding-inline:20px;

}

.mb-framework__header{

margin-bottom:50px;

}

.mb-framework__title{

font-size:34px;

}

.mb-framework__description{

font-size:15px;

line-height:2;

}

.mb-framework__timeline{

display:grid;

grid-template-columns:1fr;

gap:18px;

}

.mb-framework-step{

padding:26px;

border-radius:22px;

}

.mb-framework-step__number{

width:52px;

height:52px;

font-size:18px;

}

.mb-framework-step h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c399e22 *//* =========================================================
SECTION 05
DELIVERABLES
========================================================= */

.mb-deliverables{

position:relative;

padding:130px 0;

overflow:hidden;

background:
linear-gradient(
180deg,
#FFFFFF 0%,
#F8FBFF 100%
);

}


/* ==========================
Container
========================== */

.mb-deliverables__container{

width:100%;

max-width:1220px;

margin:auto;

padding-inline:32px;

position:relative;

z-index:2;

}


/* ==========================
Header
========================== */

.mb-deliverables__header{

max-width:820px;

margin:0 auto 80px;

text-align:center;

}


.mb-deliverables__eyebrow{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#EFF6FF;

border:1px solid #DBEAFE;

font-family:"IranYekanX",sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563EB;

margin-bottom:26px;

}


.mb-deliverables__title{

font-family:"IranYekanX",sans-serif !important;

font-size:clamp(34px,4vw,54px);

font-weight:900;

line-height:1.28;

letter-spacing:-.04em;

color:#0F172A;

margin-bottom:24px;

}


.mb-deliverables__description{

font-family:"IranYekanX",sans-serif;

font-size:18px;

line-height:2;

color:#64748B;

}


/* ==========================
Grid
========================== */

.mb-deliverables__grid{

display:grid;

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

gap:28px;

}


/* ==========================
Card
========================== */

.mb-deliverable{

position:relative;

padding:34px;

border-radius:28px;

background:#fff;

border:1px solid #E5EDF8;

transition:

transform .35s ease,

border-color .35s ease,

box-shadow .35s ease;

box-shadow:

0 12px 28px rgba(15,23,42,.05);

overflow:hidden;

}


.mb-deliverable::before{

content:"";

position:absolute;

top:0;

left:0;

width:5px;

height:100%;

background:

linear-gradient(
180deg,
#2563EB,
#60A5FA
);

opacity:.15;

transition:.35s;

}


.mb-deliverable:hover{

transform:translateY(-10px);

border-color:#BFDBFE;

box-shadow:

0 26px 60px rgba(15,23,42,.10);

}


.mb-deliverable:hover::before{

opacity:1;

}


/* ==========================
Title
========================== */

.mb-deliverable h3{

font-family:"IranYekanX",sans-serif;

font-size:23px;

font-weight:900;

line-height:1.45;

letter-spacing:-.03em;

color:#0F172A;

margin:0 0 22px;

}


/* ==========================
List
========================== */

.mb-deliverable ul{

margin:0;

padding:0;

list-style:none;

display:flex;

flex-direction:column;

gap:16px;

}


.mb-deliverable li{

position:relative;

padding-right:20px;

font-family:"IranYekanX",sans-serif;

font-size:15px;

line-height:1.9;

color:#64748B;

}


.mb-deliverable li::before{

content:"";

position:absolute;

right:0;

top:12px;

width:7px;

height:7px;

border-radius:50%;

background:#2563EB;

}


/* ==========================
Links
========================== */

.mb-deliverable a{

color:#2563EB;

font-weight:700;

text-decoration:none;

transition:.3s;

}


.mb-deliverable a:hover{

color:#1D4ED8;

}


/* ==========================
Background Glow
========================== */

.mb-deliverables::before{

content:"";

position:absolute;

left:-240px;

top:-240px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(37,99,235,.08),

transparent 72%

);

filter:blur(80px);

}


.mb-deliverables::after{

content:"";

position:absolute;

right:-220px;

bottom:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(96,165,250,.08),

transparent 72%

);

filter:blur(80px);

}


/* ==========================
Tablet
========================== */

@media(max-width:1024px){

.mb-deliverables{

padding:95px 0;

}

.mb-deliverables__grid{

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

}

}


/* ==========================
Mobile
========================== */

@media(max-width:767px){

.mb-deliverables{

padding:72px 0;

}

.mb-deliverables__container{

padding-inline:20px;

}

.mb-deliverables__header{

margin-bottom:50px;

}

.mb-deliverables__title{

font-size:34px;

}

.mb-deliverables__description{

font-size:15px;

line-height:2;

}

.mb-deliverables__grid{

grid-template-columns:1fr;

gap:20px;

}

.mb-deliverable{

padding:26px;

border-radius:22px;

}

.mb-deliverable h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0df38b *//* =========================================================
SECTION 06
WHY ONLINE MARKETING
========================================================= */

.mb-compare{

position:relative;

padding:130px 0;

overflow:hidden;

background:
linear-gradient(
180deg,
#F8FBFF 0%,
#FFFFFF 100%
);

}


/* ======================================
Container
====================================== */

.mb-compare__container{

width:100%;

max-width:1220px;

margin:auto;

padding-inline:32px;

position:relative;

z-index:2;

}


/* ======================================
Header
====================================== */

.mb-compare__header{

max-width:860px;

margin:0 auto 80px;

text-align:center;

}


.mb-compare__eyebrow{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 20px;

border-radius:999px;

background:#EFF6FF;

border:1px solid #DBEAFE;

font-family:"IranYekanX",sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563EB;

margin-bottom:28px;

}


.mb-compare__title{

font-family:"IranYekanX",sans-serif !important;

font-size:clamp(34px,4vw,54px);

font-weight:900;

line-height:1.25;

letter-spacing:-.04em;

color:#0F172A;

margin-bottom:24px;

}


.mb-compare__description{

font-family:"IranYekanX",sans-serif;

font-size:18px;

line-height:2;

color:#64748B;

}


/* ======================================
Comparison Table
====================================== */

.mb-compare__table{

margin-top:70px;

border-radius:30px;

overflow:hidden;

border:1px solid #E6EDF6;

background:#fff;

box-shadow:

0 18px 55px rgba(15,23,42,.05);

}


/* ======================================
Header
====================================== */

.mb-compare__head{

display:grid;

grid-template-columns:1fr 1fr;

background:

linear-gradient(
135deg,
#2563EB,
#1D4ED8
);

color:#fff;

}


.mb-compare__head>div{

padding:28px;

text-align:center;

font-family:"IranYekanX",sans-serif;

font-size:18px;

font-weight:800;

}


/* ======================================
Rows
====================================== */

.mb-compare__row{

display:grid;

grid-template-columns:1fr 1fr;

border-top:1px solid #EEF3F8;

transition:.35s;

}


.mb-compare__row:hover{

background:#F8FBFF;

}


.mb-compare__row>div{

padding:28px;

font-family:"IranYekanX",sans-serif;

font-size:16px;

line-height:1.9;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

}


/* ستون چپ */

.mb-compare__row>div:first-child{

background:#FCFCFD;

color:#64748B;

border-left:1px solid #EEF3F8;

}


/* ستون راست */

.mb-compare__row>div:last-child{

font-weight:700;

color:#0F172A;

}


/* ======================================
Quote
====================================== */

.mb-compare__quote{

margin-top:70px;

text-align:center;

display:flex;

flex-direction:column;

gap:12px;

}


.mb-compare__quote strong{

font-family:"IranYekanX",sans-serif;

font-size:38px;

font-weight:900;

letter-spacing:-.03em;

color:#0F172A;

}


.mb-compare__quote span{

font-family:"IranYekanX",sans-serif;

font-size:24px;

font-weight:700;

color:#2563EB;

}


/* ======================================
Buttons
====================================== */

.mb-compare__actions{

margin-top:55px;

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}


/* ======================================
Glow
====================================== */

.mb-compare::before{

content:"";

position:absolute;

width:520px;

height:520px;

left:-240px;

top:-240px;

border-radius:50%;

background:

radial-gradient(
circle,
rgba(37,99,235,.08),
transparent 72%
);

filter:blur(80px);

}


.mb-compare::after{

content:"";

position:absolute;

width:520px;

height:520px;

right:-240px;

bottom:-240px;

border-radius:50%;

background:

radial-gradient(
circle,
rgba(96,165,250,.08),
transparent 72%
);

filter:blur(80px);

}


/* ======================================
Tablet
====================================== */

@media(max-width:1024px){

.mb-compare{

padding:95px 0;

}

.mb-compare__head>div{

padding:22px;

font-size:16px;

}

.mb-compare__row>div{

padding:22px;

font-size:15px;

}

}


/* ======================================
Mobile
====================================== */

@media(max-width:767px){

.mb-compare{

padding:72px 0;

}

.mb-compare__container{

padding-inline:20px;

}

.mb-compare__header{

margin-bottom:45px;

}

.mb-compare__title{

font-size:34px;

}

.mb-compare__description{

font-size:15px;

line-height:2;

}


/* تبدیل جدول به کارت */

.mb-compare__table{

border:none;

box-shadow:none;

background:transparent;

display:flex;

flex-direction:column;

gap:16px;

}

.mb-compare__head{

display:none;

}

.mb-compare__row{

grid-template-columns:1fr;

border:1px solid #E6EDF6;

border-radius:22px;

overflow:hidden;

background:#fff;

box-shadow:

0 12px 30px rgba(15,23,42,.05);

}

.mb-compare__row>div{

padding:18px;

justify-content:flex-start;

text-align:right;

}

.mb-compare__row>div:first-child{

background:#EFF6FF;

border:none;

font-weight:800;

color:#2563EB;

}

.mb-compare__row>div:last-child{

background:#fff;

}

.mb-compare__quote{

margin-top:50px/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6a5304 *//* =========================================================
SECTION 10
FINAL CTA
========================================================= */

.mb-final-cta{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:
    linear-gradient(
        135deg,
        #0F172A 0%,
        #172554 55%,
        #1E3A8A 100%
    );

}


/*=========================================
Container
=========================================*/

.mb-final-cta__container{

    width:100%;
    max-width:1220px;

    margin:auto;

    padding-inline:32px;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}


/*=========================================
Glow
=========================================*/

.mb-final-cta::before{

    content:"";

    position:absolute;

    width:620px;

    height:620px;

    left:-260px;

    top:-260px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(96,165,250,.20),

        transparent 72%

    );

    filter:blur(90px);

}


.mb-final-cta::after{

    content:"";

    position:absolute;

    width:540px;

    height:540px;

    right:-220px;

    bottom:-220px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(37,99,235,.18),

        transparent 72%

    );

    filter:blur(90px);

}


/*=========================================
Content
=========================================*/

.mb-final-cta__eyebrow{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 20px;

    border-radius:999px;

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

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

    color:#93C5FD;

    font-family:"IranYekanX",sans-serif;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    margin-bottom:28px;

}


.mb-final-cta__title{

    font-family:"IranYekanX",sans-serif !important;

    font-size:clamp(40px,4vw,60px);

    font-weight:900;

    line-height:1.25;

    letter-spacing:-.04em;

    color:#FFFFFF;

    margin-bottom:28px;

}


.mb-final-cta__description{

    font-family:"IranYekanX",sans-serif;

    font-size:18px;

    line-height:2;

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

}


/*=========================================
Panel
=========================================*/

.mb-final-cta__panel{

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

    backdrop-filter:blur(18px);

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

    border-radius:32px;

    padding:42px;

    box-shadow:

    0 24px 70px rgba(0,0,0,.22);

}


.mb-final-cta__panel h3{

    font-family:"IranYekanX",sans-serif;

    font-size:28px;

    font-weight:900;

    line-height:1.5;

    color:#fff;

    margin-bottom:28px;

}


/*=========================================
List
=========================================*/

.mb-final-cta__list{

    margin:0;

    padding:0;

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:20px;

}


.mb-final-cta__list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    font-family:"IranYekanX",sans-serif;

    font-size:16px;

    line-height:2;

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

}


.mb-final-cta__list svg{

    flex:none;

    width:22px;

    height:22px;

    margin-top:5px;

    fill:none;

    stroke:#60A5FA;

    stroke-width:2;

    stroke-linecap:round;

    stroke-linejoin:round;

}


/*=========================================
Buttons
=========================================*/

.mb-final-cta__actions{

    margin-top:36px;

    display:flex;

    flex-direction:column;

    gap:16px;

}


.mb-final-cta__actions .mb-btn{

    width:100%;

}


/*=========================================
Desktop Hover
=========================================*/

.mb-final-cta__panel{

    transition:

    transform .35s ease,

    border-color .35s ease,

    box-shadow .35s ease;

}


.mb-final-cta__panel:hover{

    transform:translateY(-8px);

    border-color:rgba(96,165,250,.35);

    box-shadow:

    0 34px 80px rgba(0,0,0,.28);

}


/*=========================================
Tablet
=========================================*/

@media(max-width:1024px){

.mb-final-cta{

    padding:100px 0;

}

.mb-final-cta__container{

    grid-template-columns:1fr;

    gap:55px;

}

}


/*=========================================
Mobile
=========================================*/

@media(max-width:767px){

.mb-final-cta{

    padding:72px 0;

}

.mb-final-cta__container{

    padding-inline:20px;

    gap:40px;

}

.mb-final-cta__title{

    font-size:34px;

}

.mb-final-cta__description{

    font-size:15px;

    line-height:2;

}

.mb-final-cta__panel{

    padding:28px 22px;

    border-radius:24px;

}

.mb-final-cta__panel h3{

    font-size:24px;

}

.mb-final-cta__list li{

    font-size:15px;

}

}/* End custom CSS */