.elementor-1144 .elementor-element.elementor-element-20681f8{--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;--justify-content:center;--align-items:center;}.elementor-1144 .elementor-element.elementor-element-7fd5332{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-1144 .elementor-element.elementor-element-d4908af{text-align:center;}.elementor-1144 .elementor-element.elementor-element-0807e0d{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1144 .elementor-element.elementor-element-9c19d59{--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;--justify-content:flex-start;--align-items:stretch;}.elementor-1144 .elementor-element.elementor-element-75d45c1{--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;--justify-content:flex-start;--align-items:stretch;}.elementor-1144 .elementor-element.elementor-element-b5ece20{--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;--justify-content:flex-start;--align-items:stretch;}.elementor-1144 .elementor-element.elementor-element-9689da6{--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;--justify-content:flex-start;--align-items:stretch;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for heading, class: .elementor-element-d4908af */.elementor-1144 .elementor-element.elementor-element-d4908af .elementor-heading-title {
    font-size: 9px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    letter-spacing: .18em !important;
    color: #c7cfd4 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0807e0d */.elementor-1144 .elementor-element.elementor-element-0807e0d .elementor-heading-title {
    margin: 0 auto;

    max-width: 920px;

    color: #f4f6f7 !important;

    font-size: clamp(38px, 5vw, 68px) !important;

    line-height: 1.28 !important;

    font-weight: 700 !important;

    letter-spacing: -0.02em;

    text-align: center;

    text-shadow:
        0 4px 28px rgba(0,0,0,.96),
        0 0 50px rgba(0,0,0,.48);

    transition:
        color .3s ease,
        text-shadow .3s ease,
        transform .3s ease;
}


/* خط ظریف زیر عنوان */

.elementor-1144 .elementor-element.elementor-element-0807e0d .elementor-heading-title::after {
    content: "";

    display: block;

    width: 72px;
    height: 1px;

    margin: 22px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(220,228,234,.72),
            transparent
        );

    box-shadow:
        0 0 8px rgba(220,228,234,.16);

    transition:
        width .35s ease;
}


/* Hover بسیار ظریف */

.elementor-1144 .elementor-element.elementor-element-0807e0d:hover .elementor-heading-title {
    color: #fafbfc !important;

    text-shadow:
        0 4px 30px rgba(0,0,0,1),
        0 0 55px rgba(220,228,234,.08);
}

.elementor-1144 .elementor-element.elementor-element-0807e0d:hover .elementor-heading-title::after {
    width: 105px;
}


/* موبایل */

@media (max-width: 767px) {

    .elementor-1144 .elementor-element.elementor-element-0807e0d .elementor-heading-title {
        font-size:
            clamp(32px, 9.5vw, 48px) !important;

        line-height:
            1.32 !important;

        letter-spacing:
            -0.015em;
    }

    .elementor-1144 .elementor-element.elementor-element-0807e0d .elementor-heading-title::after {
        width: 58px;

        margin-top: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-310be5d */.elementor-1144 .elementor-element.elementor-element-310be5d {
    max-width: 700px;

    margin: 0 auto 36px;

    color: #c4cdd2 !important;

    font-size: 16px !important;

    line-height: 2 !important;

    font-weight: 400;

    text-align: center;

    letter-spacing: 0;

    text-shadow:
        0 3px 18px rgba(0,0,0,.95);

    opacity: .94;

    transition:
        color .3s ease,
        opacity .3s ease,
        text-shadow .3s ease;
}


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

.elementor-1144 .elementor-element.elementor-element-310be5d p {
    margin: 0 !important;
}


/* Hover بسیار ظریف */

.ns-services-hero:hover .ns-hero-description {
    color: #d1d9dd !important;

    opacity: 1;

    text-shadow:
        0 3px 20px rgba(0,0,0,1);
}


/* موبایل */

@media (max-width: 767px) {

    .elementor-1144 .elementor-element.elementor-element-310be5d {
        max-width: 92%;

        margin-bottom: 30px;

        font-size: 14px !important;

        line-height: 1.95 !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-aa5c741 */.elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button {
    position: relative;

    min-width: 165px;
    padding: 14px 32px;

    background: rgba(4, 7, 9, 0.72) !important;

    color: #dfe5e8 !important;

    border: 1px solid rgba(210, 219, 224, 0.55) !important;
    border-radius: 3px;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.6;

    box-shadow:
        0 8px 25px rgba(0,0,0,.35),
        inset 0 0 0 1px rgba(255,255,255,.025);

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* خط نور ظریف پایین دکمه */

.elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button::after {
    content: "";

    position: absolute;

    left: 20%;
    right: 20%;
    bottom: -1px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(235,242,245,.85),
            transparent
        );

    opacity: .5;

    box-shadow:
        0 0 6px rgba(225,235,240,.35);

    transition:
        left .3s ease,
        right .3s ease,
        opacity .3s ease;
}


/* Hover */

.elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button:hover {
    background: rgba(247,249,250,.96) !important;

    color: #080b0e !important;

    border-color:
        rgba(250,252,253,.95) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 32px rgba(0,0,0,.42),
        0 0 20px rgba(225,233,237,.18);
}


/* خط نور در Hover */

.elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button:hover::after {
    left: 8%;
    right: 8%;

    opacity: 1;

    box-shadow:
        0 0 9px rgba(235,243,246,.7);
}


/* حالت کلیک */

.elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button:active {
    transform:
        translateY(-1px);
}


/* موبایل */

@media (max-width: 767px) {

    .elementor-1144 .elementor-element.elementor-element-aa5c741 .elementor-button {
        min-width: 145px;

        padding:
            13px 27px;

        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fd5332 */<style>
/* =========================================
   NOVIN SERVICE — HERO
   ========================================= */

.ns-services-hero {
    position: relative;
    width: 100%;
    min-height: 650px;
    padding: 125px 7vw 120px;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    overflow: hidden;
    isolation: isolate;

    background: transparent !important;
    color: #f2f4f6;

    border-bottom: 1px solid rgba(220,228,234,.18);
    box-shadow:
        0 18px 55px rgba(0,0,0,.16);
}


/* -----------------------------------------
   HERO VEIL / IMAGE OVERLAY
   لایه نیمه شفاف روی تصویر
   ----------------------------------------- */

.ns-services-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3,5,7,.08) 0%,
            rgba(3,5,7,.14) 28%,
            rgba(3,5,7,.30) 55%,
            rgba(3,5,7,.62) 78%,
            rgba(3,5,7,.88) 100%
        ),
        linear-gradient(
            90deg,
            rgba(2,4,6,.48) 0%,
            rgba(2,4,6,.18) 42%,
            rgba(2,4,6,.08) 70%,
            rgba(2,4,6,.28) 100%
        );

    pointer-events: none;
    z-index: 0;
}


/* -----------------------------------------
   HERO CONTENT
   ----------------------------------------- */

.ns-services-hero .elementor-widget-container {
    position: relative;
    z-index: 3;
}


/* -----------------------------------------
   EYEBROW
   NOVIN SERVICE / TECHNICAL SERVICES
   ----------------------------------------- */

.ns-hero-eyebrow {
    display: inline-block;

    margin: 0 auto 18px;

    color: #c7cfd4;

    font-size: 10px !important;
    line-height: 1.6;

    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;

    text-shadow:
        0 2px 16px rgba(0,0,0,.95);

    opacity: .92;

    transition:
        color .3s ease,
        opacity .3s ease,
        text-shadow .3s ease;
}


/* -----------------------------------------
   HERO TITLE
   ----------------------------------------- */

.ns-hero-title {
    position: relative;

    max-width: 920px;
    margin: 0 auto 24px;

    color: #f5f7f8;

    font-size: clamp(38px, 5vw, 72px);
    line-height: 1.22;

    font-weight: 700;

    text-shadow:
        0 4px 30px rgba(0,0,0,.96),
        0 0 55px rgba(0,0,0,.48);

    transition:
        text-shadow .35s ease,
        transform .35s ease;
}


/* یک خط نوری بسیار ظریف زیر عنوان */

.ns-hero-title::after {
    content: "";

    display: block;

    width: 74px;
    height: 1px;

    margin: 22px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(220,228,234,.72),
            transparent
        );

    box-shadow:
        0 0 8px rgba(220,228,234,.18);

    transition:
        width .35s ease,
        opacity .35s ease;
}


/* -----------------------------------------
   DESCRIPTION
   ----------------------------------------- */

.ns-hero-description {
    max-width: 700px;

    margin: 0 auto 38px;

    color: #c6cfd4;

    font-size: 16px;
    line-height: 2;

    text-shadow:
        0 3px 20px rgba(0,0,0,.98);

    transition:
        color .3s ease,
        opacity .3s ease;
}


/* -----------------------------------------
   CTA BUTTON
   ----------------------------------------- */

.ns-hero-cta .elementor-button {
    position: relative;

    min-width: 160px;

    padding: 15px 34px;

    border: 1px solid rgba(220,228,234,.55);
    border-radius: 3px;

    background:
        rgba(4,7,9,.68);

    color: #dce2e5;

    font-size: 14px;
    font-weight: 600;

    box-shadow:
        0 10px 30px rgba(0,0,0,.38),
        inset 0 0 0 1px rgba(255,255,255,.025);

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* خط LED ظریف پایین دکمه */

.ns-hero-cta .elementor-button::after {
    content: "";

    position: absolute;

    left: 20%;
    right: 20%;
    bottom: -1px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(240,245,247,.88),
            transparent
        );

    opacity: .48;

    filter:
        drop-shadow(0 0 5px rgba(235,242,245,.5));

    transition:
        left .3s ease,
        right .3s ease,
        opacity .3s ease;
}


/* -----------------------------------------
   BUTTON HOVER
   ----------------------------------------- */

.ns-hero-cta .elementor-button:hover {
    transform: translateY(-3px);

    background:
        rgba(247,249,250,.95);

    color: #070a0d;

    border-color:
        rgba(250,252,253,.96);

    box-shadow:
        0 14px 38px rgba(0,0,0,.46),
        0 0 22px rgba(225,233,237,.20);
}


.ns-hero-cta .elementor-button:hover::after {
    left: 8%;
    right: 8%;

    opacity: 1;

    filter:
        drop-shadow(0 0 8px rgba(240,246,248,.9));
}


/* -----------------------------------------
   HERO HOVER
   وقتی موس روی خود Hero می‌رود
   ----------------------------------------- */

.ns-services-hero:hover .ns-hero-eyebrow {
    color: #d8e0e4;
    opacity: 1;

    text-shadow:
        0 2px 18px rgba(0,0,0,1),
        0 0 14px rgba(210,220,225,.08);
}


.ns-services-hero:hover .ns-hero-title {
    text-shadow:
        0 4px 30px rgba(0,0,0,1),
        0 0 55px rgba(0,0,0,.52);
}


.ns-services-hero:hover .ns-hero-title::after {
    width: 105px;
}


/* -----------------------------------------
   HERO BOTTOM DIVIDER
   ----------------------------------------- */

.ns-services-hero {
    box-shadow:
        0 18px 55px rgba(0,0,0,.18),
        0 1px 0 rgba(220,228,234,.05);
}


/* خط نقره‌ای مرکزی در مرز Hero و سکشن بعدی */

.ns-services-hero > .elementor-container::after,
.ns-services-hero > .e-con-inner::after {
    content: "";

    position: absolute;

    left: 15%;
    right: 15%;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(220,228,234,.12) 18%,
            rgba(220,228,234,.42) 50%,
            rgba(220,228,234,.12) 82%,
            transparent
        );

    box-shadow:
        0 0 12px rgba(220,228,234,.10);

    pointer-events: none;
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 767px) {

    .ns-services-hero {
        min-height: 560px;

        padding:
            90px 22px 95px;
    }

    .ns-hero-eyebrow {
        font-size: 8px !important;
        letter-spacing: .13em;
        margin-bottom: 15px;
    }

    .ns-hero-title {
        font-size:
            clamp(32px, 9.5vw, 48px);

        line-height: 1.30;

        margin-bottom: 22px;
    }

    .ns-hero-title::after {
        width: 58px;
        margin-top: 18px;
    }

    .ns-hero-description {
        font-size: 14px;
        line-height: 1.95;

        margin-bottom: 30px;
    }

    .ns-hero-cta .elementor-button {
        min-width: 145px;

        padding:
            14px 28px;

        font-size: 13px;
    }

    .ns-services-hero > .elementor-container::after,
    .ns-services-hero > .e-con-inner::after {
        left: 8%;
        right: 8%;
    }
}
</style>/* End custom CSS */