.elementor-52 .elementor-element.elementor-element-c7b0c24{--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;--justify-content:space-evenly;--align-items:center;}.elementor-52 .elementor-element.elementor-element-c7b0c24:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-c7b0c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1736;}.elementor-52 .elementor-element.elementor-element-deb82ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52 .elementor-element.elementor-element-deb82ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-5bd6a43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52 .elementor-element.elementor-element-5bd6a43.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-2c05a78{--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;--justify-content:flex-start;--align-items:center;}.elementor-52 .elementor-element.elementor-element-2c05a78.e-con{--order:99999 /* order end hack */;}.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 );}.elementor-52 .elementor-element.elementor-element-d879113{width:var( --container-widget-width, 91.032% );max-width:91.032%;margin:0px 35px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:91.032%;--container-widget-flex-grow:0;}.elementor-52 .elementor-element.elementor-element-d879113.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-d879113 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-52 .elementor-element.elementor-element-d879113 .elementor-button{font-family:"Yekanbakh", Sans-serif;font-weight:500;border-radius:12px 12px 12px 12px;}.elementor-52 .elementor-element.elementor-element-0bd91a0{--display:flex;}.elementor-52 .elementor-element.elementor-element-0bd91a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-menu-toggle{margin:0 auto;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu .elementor-item{font-family:"Yekanbakh", Sans-serif;font-size:16px;font-weight:400;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:18px;padding-right:18px;padding-top:5px;padding-bottom:5px;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-52 .elementor-element.elementor-element-c90b5c7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-underline .elementor-item:after,
					 .elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-overline .elementor-item:before,
					 .elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-double-line .elementor-item:before,
					 .elementor-52 .elementor-element.elementor-element-c90b5c7 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-52 .elementor-element.elementor-element-f941067{--display:flex;}.elementor-52 .elementor-element.elementor-element-f941067:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-f941067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1736;}.elementor-52 .elementor-element.elementor-element-6825c0d .e-off-canvas__content{background-color:var( --e-global-color-text );box-shadow:0px 0px 10px 0px rgba(4.370806964632616, 8.257428625786357, 30.0333679199219, 0.75);}.elementor-52 .elementor-element.elementor-element-6825c0d .e-off-canvas__overlay{background-color:#3D405BC9;}.elementor-52 .elementor-element.elementor-element-6825c0d{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-52 .elementor-element.elementor-element-a0adb5e{--display:flex;}.elementor-52 .elementor-element.elementor-element-a0adb5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-a7fb520{--display:flex;}.elementor-52 .elementor-element.elementor-element-6506c15 .elementor-button{font-family:"Yekanbakh", Sans-serif;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.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 );}.elementor-52 .elementor-element.elementor-element-839515c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-839515c .elementor-nav-menu .elementor-item{font-family:"Yekanbakh", Sans-serif;font-weight:600;}.elementor-52 .elementor-element.elementor-element-839515c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-4c2731a .elementor-button{background-color:var( --e-global-color-a170331 );font-family:"Yekanbakh", Sans-serif;font-weight:500;}.elementor-52 .elementor-element.elementor-element-ef98ce1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-52 .elementor-element.elementor-element-4a4ba7a .elementor-button{background-color:#F2CC8F00;font-family:"Yekanbakh", Sans-serif;font-weight:800;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-52037e8 .elementor-button{background-color:var( --e-global-color-a170331 );font-family:"Yekanbakh", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-52 .elementor-element.elementor-element-ef98ce1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-52 .elementor-element.elementor-element-c7b0c24{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-52 .elementor-element.elementor-element-c7b0c24.e-con{--align-self:center;}.elementor-52 .elementor-element.elementor-element-deb82ba{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-52 .elementor-element.elementor-element-deb82ba.e-con{--align-self:center;}.elementor-52 .elementor-element.elementor-element-f941067{--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;--justify-content:center;--align-items:center;}.elementor-52 .elementor-element.elementor-element-f941067.e-con{--align-self:center;}.elementor-52 .elementor-element.elementor-element-6825c0d{--e-off-canvas-justify-content:flex-start;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:260px;--e-off-canvas-height:735px;--e-off-canvas-content-overflow:auto;}.elementor-52 .elementor-element.elementor-element-6825c0d .e-off-canvas__content{border-radius:22px 0px 0px 22px;}.elementor-52 .elementor-element.elementor-element-a0adb5e{--width:236px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-52 .elementor-element.elementor-element-a7fb520{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-52 .elementor-element.elementor-element-6506c15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;}.elementor-52 .elementor-element.elementor-element-6506c15 .elementor-button{font-size:18px;padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-cf30319 img{width:50%;}.elementor-52 .elementor-element.elementor-element-839515c{width:var( --container-widget-width, 116px );max-width:116px;--container-widget-width:116px;--container-widget-flex-grow:0;}.elementor-52 .elementor-element.elementor-element-839515c .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-52 .elementor-element.elementor-element-4c2731a .elementor-button{font-size:14px;border-radius:12px 12px 12px 12px;}.elementor-52 .elementor-element.elementor-element-ef98ce1{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 15px;--row-gap:0px;--column-gap:15px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-52 .elementor-element.elementor-element-4a4ba7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-4a4ba7a .elementor-button{font-size:21px;padding:7px 7px 7px 7px;}.elementor-52 .elementor-element.elementor-element-422f3b5 img{width:80%;}.elementor-52 .elementor-element.elementor-element-52037e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-52037e8 .elementor-button{font-size:12px;border-radius:12px 12px 12px 12px;padding:8px 8px 8px 8px;}}@media(min-width:768px){.elementor-52 .elementor-element.elementor-element-deb82ba{--width:12.591%;}.elementor-52 .elementor-element.elementor-element-5bd6a43{--width:18.485%;}.elementor-52 .elementor-element.elementor-element-0bd91a0{--width:37.567%;}}/* Start custom CSS for container, class: .elementor-element-c7b0c24 *//* =========================================
   WEB ARKITECT HEADER — نسخه کاملاً ریسپانسیو (اصلاح‌شده)
========================================= */

#webark-header {
    position: relative;
    background: linear-gradient(135deg, #3141B39 0%, #4b506f 55%, #3d405b 100%);
    border: 1px solid rgba(244, 241, 222, 0.18) !important;
    border-radius: 0 !important;
    box-shadow:
        0 12px 28px rgba(9, 14, 31, 0.35),
        0 4px 12px rgba(9, 14, 31, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    overflow: visible !important;
}

#webark-header::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #f2cc8f, #e07a5f, #81b29a, transparent);
    background-size: 200% 100%;
    animation: webarkHeaderLine 6s linear infinite;
    opacity: 0.7;
}
@keyframes webarkHeaderLine {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

/* =========================================
   جلوگیری از شکستن منو به خط دوم در دسکتاپ
========================================= */
@media (min-width: 1025px) {
    #webark-header .elementor-nav-menu--main {
        flex-wrap: nowrap !important;
    }
    #webark-header .elementor-nav-menu--main > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap;
    }
    #webark-header .elementor-nav-menu--main .elementor-item {
        white-space: nowrap;
    }
}

#webark-header .e-image-base {
    transition: transform 0.35s ease, filter 0.35s ease;
    max-width: 100%;
    height: auto;
}
#webark-header .e-image-base:hover {
    transform: scale(1.06);
    filter: drop-shadow(0 6px 14px rgba(242, 204, 143, 0.25));
}

/* =========================================
   دسکتاپ بزرگ (1200px+) — همه‌چیز کامل
========================================= */
@media (min-width: 1200px) {
    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children .sub-menu {
        width: 560px !important;
    }
}

/* =========================================
   دسکتاپ کوچک / تبلت افقی (1025px تا 1199px)
   مگامنو باریک‌تر می‌شود تا از لبه صفحه بیرون نزند
========================================= */
@media (min-width: 1025px) and (max-width: 1199px) {
    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children .sub-menu {
        width: 440px !important;
        gap: 10px;
        padding: 18px !important;
    }
    #webark-header .sub-menu .elementor-sub-item {
        padding: 16px 14px !important;
    }
    #webark-header .elementor-nav-menu--main .elementor-item {
        font-size: 13px !important;
    }
}

/* =========================================
   استایل‌های مشترک دسکتاپ (1025px+)
========================================= */
@media (min-width: 1025px) {

    #webark-header .elementor-nav-menu--main .elementor-item {
        position: relative !important;
        color: #f4f1de !important;
        border-radius: 10px !important;
        transition: color 0.25s ease, background-color 0.25s ease !important;
    }

    #webark-header .elementor-nav-menu--main .elementor-item:hover {
        color: #ffffff !important;
        background: linear-gradient(135deg, rgba(244, 241, 222, 0.13), rgba(244, 241, 222, 0.06)) !important;
    }

    #webark-header .elementor-nav-menu--main .elementor-item::after {
        content: "" !important;
        position: absolute !important;
        right: 50% !important;
        bottom: 5px !important;
        width: 0 !important;
        height: 2px !important;
        transform: translateX(50%) !important;
        background: linear-gradient(90deg, #e07a5f, #f2cc8f) !important;
        border-radius: 20px !important;
        opacity: 0 !important;
        transition: width 0.25s ease, opacity 0.25s ease !important;
    }
    #webark-header .elementor-nav-menu--main .elementor-item:hover::after {
        width: 28px !important;
        opacity: 1 !important;
    }

    #webark-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
        color: #f2cc8f !important;
        text-shadow: 0 0 12px rgba(242, 204, 143, 0.4);
    }
    #webark-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
        width: 30px !important;
        opacity: 1 !important;
    }

    #webark-header .elementor-nav-menu--main .sub-arrow {
        color: #f4f1de !important;
        transition: color 0.25s ease, transform 0.3s ease !important;
    }
    #webark-header .elementor-nav-menu--main li:hover > a .sub-arrow {
        color: #f2cc8f !important;
        transform: rotate(180deg) !important;
    }

    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children {
        position: static !important;
    }

    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children .sub-menu {
        display: flex !important;
        flex-wrap: wrap;
        gap: 14px;
        position: absolute !important;
        top: calc(100% + 14px) !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) translateY(-10px) !important;
        max-width: 92vw;
        padding: 22px !important;
        background: linear-gradient(150deg, #3d405b, #262c4a) !important;
        border: 1px solid rgba(242, 204, 143, 0.2) !important;
        border-radius: 22px !important;
        box-shadow:
            0 30px 60px rgba(9, 14, 31, 0.5),
            0 0 0 1px rgba(255,255,255,0.03) !important;
        backdrop-filter: blur(14px);
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.19,1,0.22,1), visibility 0.3s;
        z-index: 50;
    }

    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children:hover .sub-menu {
        opacity: 1 !important;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0) !important;
    }

    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children .sub-menu > li {
        flex: 1 1 220px;
        list-style: none;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }
    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children:hover .sub-menu > li {
        opacity: 1;
        transform: translateY(0);
    }
    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children:hover .sub-menu > li:nth-child(1) { transition-delay: 0.06s; }
    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children:hover .sub-menu > li:nth-child(2) { transition-delay: 0.14s; }

    #webark-header .elementor-nav-menu--main .sub-menu .elementor-sub-item {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        padding: 20px 18px !important;
        border-radius: 16px !important;
        background: rgba(244, 241, 222, 0.03) !important;
        border: 1px solid rgba(244, 241, 222, 0.08);
        color: #f4f1de !important;
        font-weight: 700 !important;
        transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important;
        box-sizing: border-box;
    }
    #webark-header .sub-menu .elementor-sub-item:hover {
        background: linear-gradient(135deg, rgba(242,204,143,0.1), rgba(224,122,95,0.06)) !important;
        border-color: rgba(242, 204, 143, 0.35);
        transform: translateY(-3px);
    }

    #webark-header .sub-menu .elementor-sub-item::before {
        content: "";
        width: 42px; height: 42px;
        min-width: 42px;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        background: linear-gradient(135deg, rgba(242,204,143,0.18), rgba(224,122,95,0.1));
        border: 1px solid rgba(242,204,143,0.3);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 16px;
        color: #f2cc8f;
        transition: background 0.25s ease, transform 0.3s ease;
    }
    #webark-header .sub-menu .elementor-sub-item:hover::before {
        background: linear-gradient(135deg, #f2cc8f, #e9b968);
        color: #3d405b;
        transform: rotate(-10deg) scale(1.08);
    }

    #webark-header .sub-menu > li:nth-child(1) .elementor-sub-item::before { content: "\f201"; }
    #webark-header .sub-menu > li:nth-child(2) .elementor-sub-item::before { content: "\f121"; }

    #webark-header .sub-menu .elementor-sub-item::after {
        display: block;
        font-weight: 500 !important;
        font-size: 11.5px;
        color: rgba(244, 241, 222, 0.5);
        line-height: 1.8;
    }
    #webark-header .sub-menu > li:nth-child(1) .elementor-sub-item::after {
        content: "سئو تکنیکال، سئو محتوایی و لینک‌سازی";
    }
    #webark-header .sub-menu > li:nth-child(2) .elementor-sub-item::after {
        content: "فروشگاهی، شرکتی و لندینگ پیج";
    }

    #webark-header .elementor-nav-menu--main > ul > li.menu-item-has-children .sub-menu::before {
        content: "";
        position: absolute;
        top: -7px; left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 14px; height: 14px;
        background: #3d405b;
        border-top: 1px solid rgba(242, 204, 143, 0.2);
        border-right: 1px solid rgba(242, 204, 143, 0.2);
    }
}

/* =========================================
   دکمه مشاوره رایگان — مقیاس‌پذیر در همه سایزها
========================================= */
#webark-header .elementor-button {
    position: relative;
    overflow: hidden;
    color: #ffffff !important;
    background: linear-gradient(135deg, #f08a68, #e07a5f) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 18px rgba(224, 122, 95, 0.28) !important;
    transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
    white-space: nowrap;
}
#webark-header .elementor-button::after {
    content: "";
    position: absolute;
    top: 0; left: -60%; width: 40%; height: 100%;
    background: linear-gradient(115deg, transparent, rgba(255,255,255,0.5), transparent);
    transform: skewX(-20deg);
    transition: left 0.6s ease;
}
#webark-header .elementor-button:hover {
    filter: brightness(1.07) !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(224, 122, 95, 0.4) !important;
}
#webark-header .elementor-button:hover::after {
    left: 130%;
}

@media (max-width: 1199px) {
    #webark-header .elementor-button .elementor-button-text {
        font-size: 12.5px !important;
    }
}
@media (max-width: 480px) {
    #webark-header .elementor-button {
        padding: 8px 14px !important;
    }
    #webark-header .elementor-button .elementor-button-icon {
        display: none !important; /* روی موبایل خیلی کوچیک، فقط متن کافیه */
    }
}

/* =========================================
   تبلت عمودی و موبایل (تا 1024px)
========================================= */
@media (max-width: 1024px) {

    #webark-header .elementor-menu-toggle {
        color: #f4f1de !important;
        background: rgba(244, 241, 222, 0.09) !important;
        border: 1px solid rgba(244, 241, 222, 0.14) !important;
        border-radius: 10px !important;
        transition: background 0.25s ease, border-color 0.25s ease !important;
    }
    #webark-header .elementor-menu-toggle:hover {
        background: rgba(242, 204, 143, 0.14) !important;
        border-color: rgba(242, 204, 143, 0.35) !important;
    }

    #webark-header .elementor-nav-menu--dropdown {
        background: #3d405b !important;
        border: 1px solid rgba(244, 241, 222, 0.14) !important;
        border-radius: 14px !important;
        box-shadow: 0 14px 30px rgba(24, 34, 67, 0.32) !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #webark-header .elementor-nav-menu--dropdown .elementor-item {
        color: #f4f1de !important;
        background: transparent !important;
        transition: color 0.2s ease, background-color 0.2s ease !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    #webark-header .elementor-nav-menu--dropdown .elementor-item:hover,
    #webark-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
        color: #f2cc8f !important;
        background: rgba(224, 122, 95, 0.13) !important;
    }

    #webark-header .elementor-nav-menu--dropdown .sub-menu {
        background: rgba(33, 40, 69, 0.72) !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    #webark-header .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
        padding: 10px 26px !important;
        font-size: 13px !important;
    }
}

/* =========================================
   موبایل خیلی کوچک (تا 480px)
========================================= */
@media (max-width: 480px) {
    #webark-header {
        box-shadow:
            0 8px 18px rgba(9, 14, 31, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }
    #webark-header .elementor-nav-menu--dropdown .elementor-item {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c2731a */.ebi-ripple-btn{

    position:relative;
    overflow:hidden;
    isolation:isolate;

}

.ebi-ripple-btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-140%;

    width:60%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.65),
        transparent
    );

    transform:skewX(-25deg);

    pointer-events:none;

    animation:ebiAutoShine 1s linear infinite;

}

@keyframes ebiAutoShine{

    0%{
        left:-140%;
    }

    35%{
        left:160%;
    }

    100%{
        left:160%;
    }

}/* End custom CSS */