.elementor-kit-75{--e-global-color-primary:#1D1D1D;--e-global-color-secondary:#54595F;--e-global-color-text:#575757;--e-global-color-accent:#4186E4;--e-global-color-358406b:#0A0F1E;--e-global-color-1ea3a29:#E3E1ED;--e-global-color-892e073:#7761FF;--e-global-color-1ea4505:#FFFFFF;--e-global-color-bf8aa85:#00C6FF;--e-global-color-577448b:#B63DB7;--e-global-color-a5bc705:#EABFD4;--e-global-color-c57b0b4:#2A9BED;--e-global-color-ec5f6ec:#CBCBCB;--e-global-color-1a95f55:#FFFFFF;--e-global-color-e899767:#FFE4AF;--e-global-typography-primary-font-family:"Estedad";--e-global-typography-secondary-font-family:"Estedad";--e-global-typography-text-font-family:"Estedad";--e-global-typography-accent-font-family:"Estedad";--e-global-typography-ac74e34-font-family:"Estedad";--e-global-typography-ac74e34-font-size:64px;--e-global-typography-ac74e34-font-weight:700;--e-global-typography-78a18a8-font-family:"Estedad";--e-global-typography-78a18a8-font-size:48px;--e-global-typography-78a18a8-font-weight:700;--e-global-typography-aec9697-font-family:"Estedad";--e-global-typography-aec9697-font-size:36px;--e-global-typography-aec9697-font-weight:600;--e-global-typography-f9a39fd-font-family:"Estedad";--e-global-typography-f9a39fd-font-size:28px;--e-global-typography-f9a39fd-font-weight:600;--e-global-typography-ec31031-font-family:"Estedad";--e-global-typography-ec31031-font-size:22px;--e-global-typography-ec31031-font-weight:600;--e-global-typography-8c7aec5-font-family:"Estedad";--e-global-typography-8c7aec5-font-size:18px;--e-global-typography-8c7aec5-font-weight:500;--e-global-typography-abe9c02-font-family:"Estedad";--e-global-typography-abe9c02-font-size:16px;--e-global-typography-abe9c02-font-weight:400;--e-global-typography-7ba1241-font-size:20px;--e-global-typography-7ba1241-font-weight:400;--e-global-typography-dac3dc8-font-size:14px;--e-global-typography-dac3dc8-font-weight:400;--e-global-typography-5357ed7-font-size:16px;--e-global-typography-5357ed7-font-weight:500;--e-global-typography-e020995-font-size:16px;--e-global-typography-e020995-font-weight:500;font-family:"IRANYekan-Light", Sans-serif;}.elementor-kit-75 e-page-transition{background-color:#FFBC7D;}.elementor-kit-75 p{margin-block-end:20px;}.elementor-kit-75 button,.elementor-kit-75 input[type="button"],.elementor-kit-75 input[type="submit"],.elementor-kit-75 .elementor-button{font-family:var( --e-global-typography-abe9c02-font-family ), Sans-serif;font-size:var( --e-global-typography-abe9c02-font-size );font-weight:var( --e-global-typography-abe9c02-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1680px;}.e-con{--container-max-width:1680px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 0px;--widgets-spacing-row:20px;--widgets-spacing-column:0px;}@media(max-width:1024px){.elementor-kit-75 button,.elementor-kit-75 input[type="button"],.elementor-kit-75 input[type="submit"],.elementor-kit-75 .elementor-button{font-size:var( --e-global-typography-abe9c02-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:710px;}.e-con{--container-max-width:710px;}}@media(max-width:767px){.elementor-kit-75 button,.elementor-kit-75 input[type="button"],.elementor-kit-75 input[type="submit"],.elementor-kit-75 .elementor-button{font-size:var( --e-global-typography-abe9c02-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:290px;}.e-con{--container-max-width:290px;}}/* Start custom CSS *//* ========================================
   NOVATEQ - PREMIUM BUTTON EFFECT
   Class: novateq-premium-button
   Only affects: Gradient + Glow + Hover + Shine
======================================== */


/* ----------------------------------------
   BUTTON BASE
---------------------------------------- */

.novateq-premium-button .elementor-button {
    position: relative;
    overflow: hidden;
    font-family: "Estedad", sans-serif !important;

    background: linear-gradient(
        135deg,
        #2196f3 0%,
        #2878e8 45%,
        #7654ff 100%
    ) !important;

    box-shadow:
        0 8px 25px rgba(33,150,243,0.22),
        0 0 0 1px rgba(80,150,255,0.08) inset;

    transition:
        transform 0.35s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.35s ease,
        background-position 0.5s ease;

    background-size: 200% 200%;
}


/* ----------------------------------------
   LIGHT / SHINE
---------------------------------------- */

.novateq-premium-button .elementor-button::before {
    content: "";

    position: absolute;

    top: -100%;
    left: -70%;

    width: 45%;
    height: 300%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transform: rotate(25deg);

    transition: left 0.7s ease;

    pointer-events: none;

    z-index: 1;
}


/* ----------------------------------------
   TOP HIGHLIGHT
---------------------------------------- */

.novateq-premium-button .elementor-button::after {
    content: "";

    position: absolute;

    top: 1px;
    left: 8%;
    right: 8%;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.55),
        transparent
    );

    opacity: 0.8;

    pointer-events: none;

    z-index: 1;
}


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

.novateq-premium-button .elementor-button:hover {

    transform: translateY(-4px);

    background-position: 100% 50% !important;

    box-shadow:
        0 14px 35px rgba(33,150,243,0.35),
        0 0 30px rgba(91,92,255,0.18),
        0 0 0 1px rgba(255,255,255,0.12) inset;
}


/* Shine حرکت */

.novateq-premium-button .elementor-button:hover::before {
    left: 130%;
}


/* ----------------------------------------
   ACTIVE
---------------------------------------- */

.novateq-premium-button .elementor-button:active {

    transform: translateY(-1px) scale(0.98);

    box-shadow:
        0 6px 15px rgba(33,150,243,0.22);
}


/* ----------------------------------------
   TEXT
---------------------------------------- */

.novateq-premium-button .elementor-button-text {
    position: relative;
    z-index: 2;
}


/* ----------------------------------------
   ICON
---------------------------------------- */

.novateq-premium-button .elementor-button-icon {
    position: relative;
    z-index: 2;

    transition: transform 0.35s ease;
}


.novateq-premium-button .elementor-button:hover .elementor-button-icon {
    transform: translateX(-4px);
}


/* ----------------------------------------
   FOCUS
---------------------------------------- */

.novateq-premium-button .elementor-button:focus-visible {

    outline: none;

    box-shadow:
        0 0 0 3px rgba(33,150,243,0.25),
        0 0 0 6px rgba(118,84,255,0.12),
        0 10px 30px rgba(33,150,243,0.3);
}
/*----------------------------------------
animated card line
----------------------------------------
*/
.animated-card {
    --angle-blue: 0deg;
    --angle-purple: 180deg;

    position: relative;
    border-radius: 20px;
    isolation: isolate;
    overflow: visible;
}

/* خط آبی متحرک */
.animated-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;

    background: conic-gradient(
        from var(--angle-blue),
        transparent 0deg,
        transparent 330deg,
        #00c6ff 350deg,
        #00c6ff 360deg
    );

    padding: 1.5px;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

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

/* خط بنفش متحرک */
.animated-card::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;

    background: conic-gradient(
        from var(--angle-purple),
        transparent 0deg,
        transparent 330deg,
        #7761FF 350deg,
        #7761FF 360deg
    );

    padding: 1.5px;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

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


/* انیمیشن واقعی روی مسیر Border */
@keyframes move-blue {
    from {
        --angle-blue: 0deg;
    }

    to {
        --angle-blue: 360deg;
    }
}

@keyframes move-purple {
    from {
        --angle-purple: 180deg;
    }

    to {
        --angle-purple: 540deg;
    }
}


/* فعال کردن انیمیشن */
.animated-card::before {
    animation: move-blue 3s linear infinite;
}

.animated-card::after {
    animation: move-purple 3s linear infinite;
}


/* تعریف متغیرهای قابل انیمیشن */
@property --angle-blue {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --angle-purple {
    syntax: "<angle>";
    initial-value: 180deg;
    inherits: false;
}

/* ========================================
   NOVATEQ - IRREGULAR HEX SHAPE
   Class: novateq-hex-shape
   Shape + Smooth Hover + Border
======================================== */

@media (min-width: 768px) {

    .novateq-hex-shape {
        position: relative;

        /* فرم نامتقارن */
        clip-path: polygon(
            8% 6%,
            91% 0%,
            100% 20%,
            94% 91%,
            68% 100%,
            7% 94%,
            0% 28%
        );

        /*
         * مهم:
         * هر دو حالت 7 نقطه دارند
         * بنابراین انیمیشن کاملاً نرم می‌شود.
         */
        transition: clip-path 1.4s cubic-bezier(.16, 1, .3, 1);
    }


    /* ----------------------------------------
       BORDER
    ---------------------------------------- */

    .novateq-hex-shape::before {
        content: "";

        position: absolute;
        inset: 0;

        /*
         * ضخامت Border
         */
        padding: 1px;

        /*
         * رنگ Border
         * از اینجا تغییرش بده
         */
      
        /*
         * همان فرم کانتینر
         */
        clip-path: polygon(
            8% 6%,
            91% 0%,
            100% 20%,
            94% 91%,
            68% 100%,
            7% 94%,
            0% 28%
        );

        /*
         * لایه پشت محتوا
         */
        z-index: -1;

        pointer-events: none;

        transition:
            clip-path 1.4s cubic-bezier(.16, 1, .3, 1);
    }


    /* ----------------------------------------
       HOVER → NORMAL RECTANGLE
    ---------------------------------------- */

    .novateq-hex-shape:hover {
        clip-path: polygon(
            0% 0%,
            100% 0%,
            100% 100%,
            100% 100%,
            0% 100%,
            0% 100%,
            0% 0%
        );
    }


    .novateq-hex-shape:hover::before {
        clip-path: polygon(
            0% 0%,
            100% 0%,
            100% 100%,
            100% 100%,
            0% 100%,
            0% 100%,
            0% 0%
        );
    }
}


/* ----------------------------------------
   MOBILE → DISABLE
---------------------------------------- */

@media (max-width: 767px) {

    .novateq-hex-shape {
        clip-path: none;
    }

    .novateq-hex-shape::before {
        display: none;
    }
}
/*----------------------------------------
----------------------------------------
Heading Gradient
----------------------------------------
----------------------------------------
*/

.gradient-title {
    background: linear-gradient(
        90deg,
        #00C6FF 0%,
        #7761FF 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}



/* ========================================
   TIMELINE CARD — RIGHT
   ======================================== */

.timeline-card-right,
.timeline-card-left {
    position: relative;
}

/* خط سمت راست */
.timeline-card-right::after {
    content: "";
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 8px;

    background: linear-gradient(
        180deg,
        #00C6FF 0%,
        #7761FF 100%
    );

    border-radius: 0 20px 20px 0;

    pointer-events: none;
}


/* ========================================
   TIMELINE CARD — LEFT
   ======================================== */

/* خط سمت چپ */
.timeline-card-left::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 8px;

    background: linear-gradient(
        180deg,
        #00C6FF 0%,
        #7761FF 100%
    );

    border-radius: 20px 0 0 20px;

    pointer-events: none;
}

/* ========================================
   TIMELINE CARD — BOTTOM
   ======================================== */

.timeline-card-bottom {
    position: relative;
}

/* خط سمت پایین */
.timeline-card-bottom::after {
    content: "";
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 8px;

    background: linear-gradient(
        90deg,
        #00C6FF 0%,
        #7761FF 100%
    );

    border-radius: 0 0 20px 20px;

    pointer-events: none;
}

/* ============================================
   Gradient Border — Static
   Colors:
   #00C6FF
   #7761FF
   ============================================ */

.gradient-border {
    position: relative;
    isolation: isolate;
}

/* Gradient border */
.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;

    padding: 2px;

    border-radius: inherit;

    background: linear-gradient(
        135deg,
        #00c6ff 0%,
        #7761FF 100%
    );

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

    /*
     * Cut the center out so only the 2px border remains.
     */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    mask-composite: exclude;
}

/* Keep Elementor content above the border */
.gradient-border > * {
    position: relative;
    z-index: 1;
}

/* =========================================
   STATIC GRADIENT BOX GLOW
   فقط Shadow/Glow بیرونی
   ========================================= */

.gradient-box-glow {
    position: relative;
    isolation: isolate;
}

.gradient-box-glow::before {
    content: "";
    position: absolute;

    /* کمی بزرگ‌تر از خود کانتینر */
    inset: -8px;

    /*
     * از radius خود Elementor استفاده می‌کند
     */
    border-radius: inherit;

    /*
     * فقط همین دو رنگ
     */
    background: linear-gradient(
        135deg,
        #00c6ff 0%,
        #7761FF 100%
    );

    /*
     * تبدیل گرادیانت به هاله‌ی نرم
     */
    filter: blur(22px);

    /*
     * شدت glow
     */
    opacity: 0.28;

    /*
     * پشت خود Container
     */
    z-index: -1;

    pointer-events: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://novateq.ir/wp-content/uploads/2026/07/Estedad-Thin.woff2') format('woff2');
}
/* End Custom Fonts CSS */