.elementor-91 .elementor-element.elementor-element-d66a8b7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-91 .elementor-element.elementor-element-eefad81{--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;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-91 .elementor-element.elementor-element-863e673 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:20px;font-weight:500;line-height:1.6em;color:var( --e-global-color-secondary );}.elementor-91 .elementor-element.elementor-element-fbaf55f .elementor-heading-title{font-family:"dana", Sans-serif;font-size:36px;font-weight:900;line-height:1.6em;color:#088898;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-91 .elementor-element.elementor-element-8d03fc4{font-family:"dana", Sans-serif;font-weight:400;line-height:1.6em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-91 .elementor-element.elementor-element-5821b0f .elementor-button{background-color:var( --e-global-color-b747619 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:#161616;color:#161616;border-radius:100px 100px 100px 100px;}.elementor-91 .elementor-element.elementor-element-574c64b{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-e987334 img{width:100%;}.elementor-91 .elementor-element.elementor-element-7e0794d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-91 .elementor-element.elementor-element-7e0794d:not(.elementor-motion-effects-element-type-background), .elementor-91 .elementor-element.elementor-element-7e0794d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, var( --e-global-color-202a0a2 ) 80%, var( --e-global-color-primary ) 100%);}.elementor-91 .elementor-element.elementor-element-851346f{--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;}.elementor-91 .elementor-element.elementor-element-8ff4b77 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-b747619 );}.elementor-91 .elementor-element.elementor-element-5dab6f6 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:28px;font-weight:700;line-height:1.6em;color:#FFFFFF;}.elementor-91 .elementor-element.elementor-element-7bb715d{--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;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-91 .elementor-element.elementor-element-8df670c .elementor-icon-box-wrapper{align-items:center;text-align:justify;gap:15px;}.elementor-91 .elementor-element.elementor-element-8df670c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b747619 );}.elementor-91 .elementor-element.elementor-element-8df670c.elementor-view-framed .elementor-icon, .elementor-91 .elementor-element.elementor-element-8df670c.elementor-view-default .elementor-icon{fill:var( --e-global-color-b747619 );color:var( --e-global-color-b747619 );border-color:var( --e-global-color-b747619 );}.elementor-91 .elementor-element.elementor-element-8df670c .elementor-icon{font-size:32px;}.elementor-91 .elementor-element.elementor-element-8df670c .elementor-icon-box-description{font-family:"dana", Sans-serif;font-weight:400;line-height:1.6em;color:#FFFFFF;}.elementor-91 .elementor-element.elementor-element-0d6e83e{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-91 .elementor-element.elementor-element-7fec488{--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;}.elementor-91 .elementor-element.elementor-element-7c18193{--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;}.elementor-91 .elementor-element.elementor-element-cdd1584 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:14px;font-weight:500;line-height:1.6em;}.elementor-91 .elementor-element.elementor-element-082ffb9 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:28px;font-weight:900;line-height:1.6em;color:var( --e-global-color-secondary );}.elementor-91 .elementor-element.elementor-element-1b43010{text-align:justify;font-family:"dana", Sans-serif;font-weight:400;line-height:1.6em;}.elementor-91 .elementor-element.elementor-element-c24b3d3{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-91 .elementor-element.elementor-element-eefad81{--width:50%;}.elementor-91 .elementor-element.elementor-element-574c64b{--width:50%;}.elementor-91 .elementor-element.elementor-element-851346f{--width:50%;}.elementor-91 .elementor-element.elementor-element-7bb715d{--width:50%;}.elementor-91 .elementor-element.elementor-element-7fec488{--width:33.3333%;}.elementor-91 .elementor-element.elementor-element-7c18193{--width:66.6666%;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-91 .elementor-element.elementor-element-5821b0f .elementor-button{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-8ff4b77 .elementor-heading-title{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-91 .elementor-element.elementor-element-5821b0f .elementor-button{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-8ff4b77 .elementor-heading-title{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-91 .elementor-element.elementor-element-d66a8b7{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-91 .elementor-element.elementor-element-fbaf55f .elementor-heading-title{font-size:20px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-8d03fc4{text-align:justify;font-size:14px;}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-91 .elementor-element.elementor-element-5821b0f .elementor-button{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-7e0794d{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-91 .elementor-element.elementor-element-8ff4b77{text-align:start;}.elementor-91 .elementor-element.elementor-element-8ff4b77 .elementor-heading-title{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-5dab6f6{text-align:justify;}.elementor-91 .elementor-element.elementor-element-5dab6f6 .elementor-heading-title{font-size:20px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-91 .elementor-element.elementor-element-8df670c .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-91 .elementor-element.elementor-element-8df670c .elementor-icon-box-description{font-size:14px;}.elementor-91 .elementor-element.elementor-element-0d6e83e{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-91 .elementor-element.elementor-element-082ffb9 .elementor-heading-title{font-size:20px;}.elementor-91 .elementor-element.elementor-element-1b43010{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-fbaf55f */.contact-hero h2 em {
    color: #088898;
    font-style: normal;
}
@media (max-width: 767px) {
    .elementor-91 .elementor-element.elementor-element-fbaf55f h2{
    font-size: 20px;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e987334 */.inner-hero__visual {
    position: relative;
    min-width: 0;
    padding: 17px 17px 0 0;
}
.inner-hero__visual::before{
    content: "";
    position: absolute;
    inset: 0 0 34px 34px;
    background:#088898;
    border-radius: 12px 60px 12px 12px;
    transform: rotate(2deg);
}
.inner-hero__visual img {
    position: relative;
    width: 100%;
    border-radius: 12px 52px 12px 12px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d66a8b7 */.inner-hero
 {
    display: grid;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #f8faf9, #edf4f1);
}
.inner-hero::before {
    content: "";
    position: absolute;
    width: 680px;
    height: 680px;
    top: -420px;
    right: -220px;
    border: 1px solid rgba(15, 145, 154, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 80px rgba(15, 145, 154, .025), 0 0 0 160px rgba(15, 145, 154, .016);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8df670c */.elementor-91 .elementor-element.elementor-element-8df670c svg {
    stroke: #141414;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    flex: 0 0 auto;
}
.elementor-91 .elementor-element.elementor-element-8df670c svg path{
    fill: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e0794d */.elementor-91 .elementor-element.elementor-element-7e0794d::after {
    content: "QPIC";
    position: absolute;
    left: -35px;
    bottom: -75px;
    color: rgba(255, 255, 255, .035);
    font-size: 180px;
    line-height: 1;
    font-weight: 900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28f8a47 */.qpic-audience {
    --qpic-primary: #088898;
    --qpic-primary-dark: #086f78;
    --qpic-secondary: #12945b;
    --qpic-text: #173e48;
    --qpic-muted: #687a7e;
    --qpic-border: #e2eded;
    --qpic-soft: #eaf7f8;

    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.qpic-audience *,
.qpic-audience *::before,
.qpic-audience *::after {
    box-sizing: border-box;
}

.qpic-audience__card {
    position: relative;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 104px;
    margin: 0;
    overflow: hidden;
    padding: 17px 18px;
    border: 1px solid var(--qpic-border);
    border-radius: 18px;
    background: #ffffff;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

/* خط رنگی کنار باکس */

.qpic-audience__card::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 20px;
    width: 3px;
    border-radius: 5px 0 0 5px;
    background: linear-gradient(
        180deg,
        var(--qpic-primary),
        var(--qpic-secondary)
    );
    transform: scaleY(0.45);
    transition: transform 0.3s ease;
}

.qpic-audience__card:hover {
    border-color: rgba(8, 136, 152, 0.3);
    box-shadow: 0 12px 30px rgba(23, 62, 72, 0.08);
    transform: translateX(-4px);
}

.qpic-audience__card:hover::before {
    transform: scaleY(1);
}

/* آیکون */

.qpic-audience__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    color: var(--qpic-primary-dark);
    transition: transform 0.3s ease;
}

.qpic-audience__card:hover .qpic-audience__icon {
    transform: translateY(-3px);
}

.qpic-audience__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.qpic-audience__icon .icon-bg {
    fill: var(--qpic-soft);
    stroke: rgba(8, 136, 152, 0.16);
}

.qpic-audience__icon .icon-accent {
    fill: rgba(18, 148, 91, 0.1);
    stroke: var(--qpic-secondary);
}

.qpic-audience__icon .icon-circle {
    fill: var(--qpic-secondary);
    stroke: var(--qpic-secondary);
}

.qpic-audience__icon .icon-check {
    stroke: #ffffff;
    stroke-width: 2;
}

/* متن */

.qpic-audience__content {
    min-width: 0;
}

.qpic-audience__content h3 {
    margin: 0 0 4px;
    color: var(--qpic-text);
    font-family: inherit;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
}

.qpic-audience__content p {
    margin: 0;
    color: var(--qpic-muted);
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
}

/* شماره باکس */

.qpic-audience__number {
    align-self: start;
    color: rgba(8, 136, 152, 0.22);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    direction: ltr;
    transition: color 0.3s ease;
}

.qpic-audience__card:hover .qpic-audience__number {
    color: var(--qpic-primary);
}

/* موبایل */

@media (max-width: 767px) {
    .qpic-audience {
        gap: 10px;
    }

    .qpic-audience__card {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 13px;
        min-height: 92px;
        padding: 15px;
        border-radius: 15px;
    }

    .qpic-audience__icon {
        width: 58px;
        height: 58px;
    }

    .qpic-audience__content h3 {
        font-size: 15px;
    }

    .qpic-audience__content p {
        font-size: 12px;
    }

    .qpic-audience__number {
        display: none;
    }

    .qpic-audience__card:hover {
        transform: translateY(-2px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .qpic-audience__card,
    .qpic-audience__card::before,
    .qpic-audience__icon {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90739c4 */.qpic-quality {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(30px, 5vw, 64px);
    border: 1px solid var(--e-global-color-98beea0);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 90% 10%,
            color-mix(
                in srgb,
                var(--e-global-color-primary) 10%,
                transparent
            ),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--e-global-color-101e169),
            #ffffff
        );
}

.qpic-quality *,
.qpic-quality *::before,
.qpic-quality *::after {
    box-sizing: border-box;
}

/* عنوان سکشن */

.qpic-quality__header {
    max-width: 720px;
    margin: 0 auto 45px;
    text-align: center;
}

.qpic-quality__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
    color: var(--e-global-color-primary);
    font-size: 13px;
    font-weight: 700;
}

.qpic-quality__eyebrow svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.qpic-quality__header h2 {
    margin: 0 0 13px;
    color: var(--e-global-color-202a0a2);
    font-family: inherit;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 900;
    line-height: 1.6;
}

.qpic-quality__header p {
    max-width: 660px;
    margin: 0 auto;
    color: var(--e-global-color-text);
    font-family: inherit;
    font-size: 14px;
    line-height: 2;
}

/* تایم‌لاین */

.qpic-quality__timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.qpic-quality__timeline::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 25px;
    right: 12.5%;
    left: 12.5%;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--e-global-color-5f4abbd),
        var(--e-global-color-primary),
        var(--e-global-color-accent)
    );
}

.qpic-quality__step {
    position: relative;
    z-index: 1;
    min-width: 0;
    text-align: center;
}

/* شماره مرحله */

.qpic-quality__marker {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 auto 18px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background: var(--e-global-color-primary);
    color: #ffffff;
    box-shadow:
        0 0 0 1px var(--e-global-color-98beea0),
        0 8px 20px color-mix(
            in srgb,
            var(--e-global-color-primary) 18%,
            transparent
        );
    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.qpic-quality__marker span {
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

/* کارت مرحله */

.qpic-quality__card {
    position: relative;
    height: calc(100% - 68px);
    min-height: 175px;
    overflow: hidden;
    padding: 22px 17px;
    border: 1px solid var(--e-global-color-98beea0);
    border-radius: 17px;
    background: #ffffff;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.qpic-quality__card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(
        90deg,
        var(--e-global-color-5f4abbd),
        var(--e-global-color-primary)
    );
    transform: scaleX(0.35);
    transition: transform 0.3s ease;
}

.qpic-quality__label {
    display: block;
    margin-bottom: 8px;
    color: var(--e-global-color-primary);
    font-size: 11px;
    font-weight: 700;
}

.qpic-quality__card h3 {
    margin: 0 0 9px;
    color: var(--e-global-color-202a0a2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.7;
}

.qpic-quality__card p {
    margin: 0;
    color: var(--e-global-color-text);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.9;
}

/* هاور */

.qpic-quality__step:hover .qpic-quality__marker {
    background: var(--e-global-color-5f4abbd);
    transform: scale(1.08);
}

.qpic-quality__step:hover .qpic-quality__card {
    border-color: var(--e-global-color-primary);
    box-shadow: 0 14px 35px color-mix(
        in srgb,
        var(--e-global-color-202a0a2) 8%,
        transparent
    );
    transform: translateY(-4px);
}

.qpic-quality__step:hover .qpic-quality__card::before {
    transform: scaleX(1);
}

/* تبلت */

@media (max-width: 1024px) {
    .qpic-quality__timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .qpic-quality__timeline::before {
        display: none;
    }

    .qpic-quality__card {
        min-height: 155px;
    }
}

/* موبایل */

@media (max-width: 600px) {
    .qpic-quality {
        padding: 28px 18px;
        border-radius: 20px;
    }

    .qpic-quality__header {
        margin-bottom: 30px;
        text-align: right;
    }

    .qpic-quality__header p {
        font-size: 13px;
    }

    .qpic-quality__timeline {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    /* حذف خط کلی تایم‌لاین در موبایل */
    .qpic-quality__timeline::before {
        display: none;
    }

    .qpic-quality__step {
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        text-align: right;
    }

    /*
     * خط اتصال فقط بعد از مراحل اول تا سوم
     * مرحله چهارم به‌دلیل last-child خط ندارد.
     */
    .qpic-quality__step:not(:last-child)::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 48px;
        right: 24px;
        width: 2px;
        height: calc(100% + 14px - 48px);
        background: linear-gradient(
            180deg,
            var(--e-global-color-primary),
            var(--e-global-color-5f4abbd)
        );
    }

    .qpic-quality__marker {
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .qpic-quality__card {
        padding: 17px;
    }

    .qpic-quality__card h3 {
        font-size: 15px;
    }

    .qpic-quality__step:hover .qpic-quality__card {
        transform: translateY(-2px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .qpic-quality__marker,
    .qpic-quality__card,
    .qpic-quality__card::before {
        transition: none;
    }
}/* End custom CSS */